Retângulo horrivel no final da pagina! não sei como tirar ou diminuir

Amigooos primeiro voces são muito legais e estão me ajudando bastante! já resolvi um problema e agora outro… a parte reservada para as Redes Sociais está localizada no pé da pagina principal e é tão grande que assusta… tem como tirar aquilo e colocar o ícone do Facebook em outro lugar?
Tá feio mesmo! vejam a imagem

obrigada!!
Claudiasocial

Oi Claudia, tudo bom?

Então acontece que nesta box de rede social, ele ficaria pelo menos até neste tamanho, veja:

image

No seu caso o que acontece é que não pode estar aparecendo o box por conta de algumas configurações de privacidade na sua página do Facebook, como todo o conteúdo dela não estar configurado como público.

Quanto ao tamanho do retângulo, pode deixar que estarei encaminhando para o pessoa responsável o seu feedback e iremos adorar em te ajudar, no que precisar estaremos à disposição!

Muito obrigada por ajudar!

1 curtida

Boa noite, vi que ainda vc não alterou aquele quadrado, se vc quiser esse e o código.

#rodape .redes-sociais {
width: 220px;
padding: 0 20px;
position: inherit;
top: 0;
bottom: 0;
background: url(…/img/padrao-rodape.png) #fff;
box-shadow: 0 3px 7px 0 rgba(0,0,0,0.3);
}

Caso vc veja que esse quadrado branco fica meio estranho tente esses códigos:

#rodape .redes-sociais {
width: 220px;
padding: 0 20px;
position: inherit;
top: 0;
bottom: 0;
background: url(…/img/padrao-rodape.png) #fff;
box-shadow: 0 3px 7px 0 rgba(0,0,0,0.3);
background: none;
box-shadow: none;
}

.institucional .redes-sociais .titulo {

  1. color: #fff;

}

.borda-principal, .atributos ul li a:hover, .atributos ul li.active a, .tema-scuro .nav-tabs li.active a, .elastislide-carousel ul li.active a {

  1. border-color: #85692200;

}

Já que dei uma olhada, se vc quiser dar uma melhorada naquele rodapé cole esses códigos:

.pagamento-selos {
/* background: url(…/img/padrao-rodape.png) #eee; */
background-color: #fff;
}

.gateways-rodape {
background-image: linear-gradient(to bottom,#fff,#f5f5f5);
border-radius: 6px;
border: 1px solid #ddd;
width: 100%;
background-position-x: inherit;
background: none;
border: none;
}

.pagamento>ul+ul {
margin: 15px 0 0;
margin-left: -35px;
margin-top: -6px;
}

#rodape .titulo {
display: block;
font-size: 17.5px;
padding: 20px 0;
margin-bottom: 20px;
border-bottom: 1px solid rgba(0,0,0,0.1);
border: none;
}

Não sou especialista em css mas creio que deu um outro visual.

2 curtidas

Pessoal, aproveitando o tópico,

No meu social , tem uma linha preta em cima, se alguém souber como retiro, ficaria muito grato!

Obrigado! :sweat_smile:

Olá,
Tente esse CSS:

/Deixar o fundo da parte de redes sociais na parte inferior transparente/
#rodape .redes-sociais.borda-principal {
border:0;
}