Classe CSS para Últimas e Categorias

Eu pesquisei e tentei tudo o que pude, mas não consigo encontrar uma solução para isso. Preciso adicionar algum conteúdo a certas categorias e às páginas /latest e /categories.

Aqui está o que fiz para as categorias:

body.category-image-critiques-avian-critiques .featured-tiles::before,
body.category-image-critiques-flora-critiques .featured-tiles::before,
body.category-image-critiques-human-fauna-critiques .featured-tiles::before,
body.category-image-critiques-landscape-critiques .featured-tiles::before,
body.category-image-critiques-macro-critiques .featured-tiles::before,
body.category-image-critiques-night-critiques .featured-tiles::before,
body.category-image-critiques-weekly-challenge .featured-tiles::before,
body.category-image-critiques-wildlife-critiques .featured-tiles::before,
body.category-image-critiques-abstract-critiques .featured-tiles::before,
body.category-image-critiques .featured-tiles::before {
  content: "Recent Editors' Picks";
  font-size: 1.5em;
}

Mas também preciso disso em latest e categories. Você pode meio que conseguir isso usando .navigation-topics, mas isso não se aplica às categorias, e eu também não quero esse conteúdo em /top, etc.

Existe .categories-and-latest, mas não parece funcionar com:

.categories-and-latest .featured-tiles::before {
  content: "Recent Editors Picks";
  font-size: 1.5em;
}

Alguma ideia? Parece que estou perdendo algo bobo, ou talvez simplesmente não seja possível.

Olá, Sim, isso não vai funcionar assim.


Tente algo assim :slightly_smiling_face:

body.categories-list.navigation-categories .featured-tiles::before,
body.navigation-topics .featured-tiles::before {
  content: "Recent Editors Picks";
  font-size: 1.5em;
}
1 curtida

Obrigado Don, isso funciona para Categorias, mas e para o Mais Recentes?

Ah sim, desculpe, editei a postagem acima. :slightly_smiling_face:

1 curtida

Obrigado, mas o problema com body.navigation-topics é que ele aparece em /top, /unread, etc.

1 curtida

Você quer adicionar este texto em todos os lugares onde aparecem Blocos em Destaque?

Se sim, acho que talvez o mais fácil seja você mirar em algo assim.

.featured-tiles > div:not(:empty)::before {
  content: "Seleções Recentes dos Editores";
  font-size: 1.5em;
}
3 curtidas

Sim! Você é brilhante Don, muito obrigado!

1 curtida

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.