Alterar a cor do texto da categoria no cabeçalho do tópico?

Que CSS eu poderia usar apenas para mudar o texto abaixo do título do tópico (neste caso, “Música”) para branco? Estou usando este excelente tema como referência (Sam's Simple Theme), mas alterei o cabeçalho para cinza, pois preferi essa cor na paleta, o que, infelizmente, teve o efeito colateral de entrar em conflito com o texto da categoria abaixo do título.

Você também mudou a cor do header primary para branco (#ffffff) ou alguma outra cor clara? Acredito que é isso que controla a cor desse texto.

Você também pode adicionar este CSS:

.extra-info-wrapper .badge-wrapper.bullet span.badge-category {
  color: white;
}
4 curtidas

Sim, eu já havia alterado a cor principal do cabeçalho para branco. No entanto, parece que ela não está sendo aplicada aqui. Também adicionei o CSS na aba Comum do tema, mas, infelizmente, a cor não mudou.

Ah, devo acrescentar que também estou usando a extensão Custom Header Links. Isso pode estar afetando?

Possivelmente! Em uma instalação nova com a cor primária do cabeçalho branca, vejo isso…

3 curtidas

Tirei por um minuto e a cor permaneceu a mesma. Realmente não tenho certeza do que é, e de qualquer forma não é algo grave, apenas uma observação. Vou tentar novamente com todas as extensões removidas mais tarde.

Consegui corrigir isso adicionando o seguinte ao CSS Comum do meu tema.

.badge-wrapper .badge-category .category-name {
    text-overflow: ellipsis;
    overflow: hidden; 
    color: white;
}

No entanto, isso também torna os nomes das categorias na página inicial (mais recentes) e abaixo do título no topo do tópico brancos. Existe alguma maneira de limitar isso apenas ao cabeçalho?