Suporte » Temas » Modificar Cores do css de acordo com o texto da categoria

  • Atualmente tenho uma tema tipo revista, que todo post com foto, aparece dentro da imagem um pequeno retangulo com o texto da categoria da foto na imagem, porém com cor da fonte e do fundo padrão, eu gostaria de modificar a cod da fonte e do fundo de acordo com o texto da categoria, alguém já fez algo semelhante, ou tem alguma dica para dar.

Visualizando 1 resposta (de um total de 1)
  • Você pode puxar o slug da categoria, aplicar como uma classe nesse elemento e depois estilizar o CSS para cada categoria.

    Exemplo:

    <?php
    $category = get_the_category();
    $cat_name =  $category->slug;
    ?>
    <span class="<?php echo $cat_name; ?>">Categoria 1</span>

    Depois, no CSS:

    .categoria-1 {
    background: #d00;
    color: #fff;
    }
    
    .categoria-2 {
    background: #0d0;
    color: #fff;
    }

    etc.

Visualizando 1 resposta (de um total de 1)
  • O tópico ‘Modificar Cores do css de acordo com o texto da categoria’ está fechado para novas respostas.