最新とカテゴリのCSSクラス

解決策が見つからず、あらゆることを試しましたが、何もできませんでした。特定のカテゴリと /latest および /categories ページにコンテンツを追加する必要があります。

カテゴリについては、次のことを行いました。

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

しかし、これも latest および categories に必要です。.navigation-topics を使用してある程度達成できますが、これはカテゴリには適用されず、/top などにもこのコンテンツを表示したくありません。

.categories-and-latest がありますが、次のように機能しないようです。

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

何かアイデアはありますか?何か単純なことを見落としているか、あるいは単に不可能なのかもしれません。

こんにちは、ええ、これではうまくいきません。


このように試してみてください :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

Don、ありがとうございます。それはカテゴリには有効ですが、最新情報についてはどうでしょうか?

ああ、すみません、上記の投稿を編集しました。:slightly_smiling_face:

「いいね!」 1

ありがとうございます。しかし、body.navigation-topics の問題は、それが /top/unread などでも表示されてしまうことです。

「いいね!」 1

Featured Tiles が表示されるすべての場所にこのテキストを追加しますか?

はいの場合、おそらく最も簡単なのは、次のようなものをターゲットにすることだと思います。

.featured-tiles > div:not(:empty)::before {
  content: "Recent Editors Picks";
  font-size: 1.5em;
}
「いいね!」 3

はい!ドン、あなたは素晴らしいです、本当にありがとうございます!

「いいね!」 1

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