CSS-Klasse für Neueste und Kategorien

Unterstützung
1

Ich habe alles durchsucht und versucht, aber keine Lösung dafür gefunden. Ich muss bestimmten Kategorien und den Seiten /latest und /categories Inhalte hinzufügen.

Hier ist, was ich für die Kategorien getan habe:

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;
}

Aber ich brauche das auch auf „latest“ und „categories“. Man kann dies irgendwie mit .navigation-topics erreichen, aber das gilt nicht für Kategorien, und ich möchte diese Inhalte auch nicht auf /top usw. haben.

Es gibt .categories-and-latest, aber es scheint nicht zu funktionieren mit:

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

Irgendwelche Ideen? Es scheint, als würde ich etwas Dummes übersehen, oder vielleicht ist es einfach nicht möglich.

2

Hallo, ja, das wird so nicht funktionieren.

Versuchen Sie es mal so :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;
}
3

Danke Don, das funktioniert für Kategorien, aber was ist mit Neueste?

4

Ja, Entschuldigung, ich habe den Beitrag oben bearbeitet. :slightly_smiling_face:

5

Danke, aber das Problem mit body.navigation-topics ist, dass es auf /top, /unread usw. angezeigt wird.

6

Möchten Sie diesen Text überall dort hinzufügen, wo „Featured Tiles“ angezeigt wird?

Wenn ja, denke ich, es ist am einfachsten, wenn Sie etwas wie dieses anvisieren.

.featured-tiles > div:not(:empty)::before {
  content: "Recent Editors Picks";
  font-size: 1.5em;
}
7

Ja! Du bist brillant, Don, vielen Dank!