Como mudar a cor dos ícones das redes sociais?

round

Para deixar o layout mais bonito, é sempre interessante customizar as cores dos ícones de redes sociais e também do menu, veja como mudar as cores no seu site WooCommerce.

Faça login

Faça login no seu site para ter acesso aos recursos administrativos, sem isso, não é possível realizar customizações no layout do site. A partir daqui, vou considerar que você tem acesso a área administrativa do site e que está logado.

Menu Aparência

Na administração, localize no menu principal o menu Aparência -> Personalizar, como na imagem abaixo.

WooCommerce Customizar aparência no menu Personalizar

Você será direcionado para a tela de Personalização, nela você verá a coluna de personalizações, é nela que você tem acesso a todos os recursos como cores, tamanhos de fontes, tamanhos de imagens, estilo de textos e até do estilo de produtos e do próprio site.

Localize o menu Rodapé e clique nele.

Customizar Rodapé

Agora você precisa olhar do lado direito inferior da tela, localize o botão Social, destacado no meio da imagem abaixo. Clique no botão Social, para ver as opções disponíveis para ele.

WooCommerce personalizar ícones de redes sociais

Se tudo correu como esperado, você estará vendo uma caixa de ferramentas como esta abaixo, note que você tem 2 abas: Geral e Estilo. Clique na aba Estilo.

Selecione as cores, basta clicar na cor e customizar o tom que você achar melhor, mais claro ou mais escuro.

WooCommerce customizar cores das redes sociais

Realizou todas as customizações que você desejava? Perfeito, basta clicar no botão Publicar para garantir que as suas customizações sejam exibidas a todas as pessoas que estão navegando no site.

WooCommerce - Publicar alterações

Praticamente todas as customizações do WooCommerce são realizadas da mesma forma, basta clicar no botão e escolher as cores, tamanhos de fontes, estilos ou qualquer outra configuração que estiver disponível.


Comentários

Deixe um comentário

Your email address will not be published. Required fields are marked *

Atualizações gratuitas

Adicione seu email para receber informações sobre novos plugins WooCommerce e atualizações de novas versões grátis

Informe seu email: