Como alterar o o formato das ícones da redes Sociais (redondo )

isso mesmo, pode notar que ele começa do lado esquerdo e não tem espaço ou borda nenhuma, ja do lado direito tem um espaço maior, como resolvo isso ?

digita esse cogito no CSS que vai ficar igual o meu !

.lista-redes .icon-instagram {
background: #FFF;
color: #000;border-radius: 15px;
}.lista-redes .icon-facebook {
background: #FFF;
color: #000;border-radius: 15px;
}.lista-redes .icon-youtube {
background: #FFF;
color: #000;border-radius: 15px;
}

1 curtida

@Diego_Spencer
Desculpa a demora… tava vendo a melhor forma de fazer e deixar responsivo! :blush:

Eu coloquei uma barra de rolagem, porque nativamente, ele só esconde o que passa da tela.
(Eu não tinha visto que tinha mais para a lateral, por isso não entendi oque você falou)

E ele também rolava o titulo junto… acho que por isso ele estava “fixo”.

Em contra-partida… Eu acho interessante deixar fixo! Com a rolagem da a sensação de que você já viu tudo e pode fazer a pessoa não se interessar de entrar no instagram.
Com a “fixa” ela corta um dos posts no meio… o que pode gerar curiosidade…

O código é esse:

#instagram-rodape {
    overflow: overlay;}

#instagram-rodape a{
    position:absolute;
    transform: translateY(-130%);}

Se quiser testar do outro jeito, troca o overlay por hidden
E apaga:
#instagram-rodape a{
position:absolute;
transform: translateY(-130%);}

Até mais! :wink:

eu coloco esse código em html ou no css ?

Opa… perdão, não avisei, né… rsrs css

sem problemas, mais acho que não seu certo.

tentei das duas formas

Mas deu!
A barra de rolagem que aparece, é apenas do insta e não da pagina inteira.

Quando você quiser testar o hidden, não esqueça de apagar o resto!

image

KKK, eu não consegui enxergar isso até agora, mais vamos aguardar .

Aff… é que eu esqueço que existe FireFox :unamused:

Adiciona no overflow um -y… ele vai ficar assim: overflow-y

os valores tu vai usar: scroll e hidden.

O resto do esquema é o mesmo! rsrs

Tem como trocar os ícones por outras imagens?

Olá! Ícone das redes sociais? Tem sim… Vai depender do tipo de ícone. :slight_smile:

Daqueles vetorizados tipo png do iconfinder.com.
Eu tava querendo colocar um desses mas sempre fica por trás do ícone padrão.

1 curtida

Já consegui por o que eu queria, obg.

1 curtida

Oi Diego, eu usei esse código, funcionou para o facebook e youtube, mas o instagram não alterou…você pode me ajudar?Capturar

@Ivanilson_Gomes como coloco esse feed do instagram ?

Oi Diego, eu usei esse código, funcionou para o facebook , mas o instagram não alterou…você pode me ajudar?

Como vc fez para alterar?

Muito obrigado!!!, coloquei no meu site, só mudei as cores pra se adequar com a identidade visual.