Pergunta do WordPress Hoffman: ícone personalizado no menu social

Um usuário perguntou ?

Ouve,

grande tópico primeiro. Muito bom design simples e limpo.

Eu tenho uma dúvida se um ícone personalizado pode ser adicionado no menu de mídia social, eu precisaria de um ícone para nossa página do bandcamp.

Anexo

Autor do tópico

(@anlino)

2 anos, 1 mês atrás

Olá @anejivanusa,

Fico feliz que você goste! Sim, mas requer CSS personalizado. Deve começar com o seguinte:

.menu-social li a[href*="bandcamp.com"] {
    background: url( xxx ) no-repeat center;
    background-size: 16px auto;
}

.menu-social li a[href*="bandcamp.com"]:before {
    content: none;
}

Você pode adicioná-lo em Aparência → Personalizar → CSS Adicional. Substituir xxx com o URL do ícone (de preferência PNG transparente branco de alta resolução).

–Anders

Esta resposta foi modificada há 2 anos, um mês atrás por. lançador de tópicos

(@anejivanusa)

2 anos, 1 mês atrás

Muito Obrigado,

isso me coloca na direção certa, acho que posso lidar com isso.

Saúde! Anexo

lançador de tópicos

(@anejivanusa)

2 anos, 1 mês atrás

Oi de novo,

obrigado por sua ajuda, infelizmente “assunto: nenhum;” a imagem de fundo também não foi exibida. Então eu simplifiquei um pouco e usei uma cor transparente para esconder a estrela, eu sei que é um pouco hacky mas funciona:

.menu-social li a[href*="bandcamp.com"]::before {
	background: url( xxx ) no-repeat center;
  background-size: 16px auto;
  color: #fff0;
}

Mais uma vez, obrigado pela sua ajuda!

Abraços, Anej

Isto foi útil?

0 / 0

Deixe uma resposta 0

O seu endereço de email não será publicado. Campos obrigatórios são marcados *