Comment changer le texte de cet objet span sans sélecteurs ?

Dev
1

image
image1462×208 12.3 KB

Cet objet a le code HTML suivant :

<span>Topic</span>

Je me demande comment on pourrait utiliser CSS pour changer ce texte en autre chose, par exemple « Blogs ».

EDIT : Je voudrais faire cela par catégorie.

1 « J'aime »
2

Ceci est personnalisable via /admin/customize/site_texts?q=Topics

Je ne suis pas sûr exactement lequel c’est cependant…

Vous pouvez le découvrir en exécutant I18n.enableVerboseLocalizationSession() dans la console JS, en rechargeant la page, puis vous pourrez corréler le numéro de la chaîne avec la sortie dans la console :

image
image1088×650 85.4 KB

2 « J'aime »
3

Ce serait pour toutes les catégories, cependant, n’est-ce pas ? Je veux le faire par catégorie.

1 « J'aime »
4

Bonjour :wave:

Ceci est possible avec CSS.

body.category-name {
  .topic-list-header {
    .default.topic-list-data {
      span {
        visibility: hidden;
        &::before {
          content: "Blogs";
          visibility: visible;
        }
      }
    }
  }
}
2 « J'aime »
5

J’aimerais pouvoir te donner 10 j’aime ! Merci beaucoup, Don !

3 « J'aime »
6

Si vous souhaitez le faire sur plusieurs catégories et éviter d’avoir de nombreuses lignes SCSS, vous pouvez utiliser des boucles SCSS. Cela rend le code plus facile à lire et à maintenir car vous n’aurez qu’à modifier deux variables SCSS.

4 « J'aime »
7

Je vais essayer d’en faire un plugin de thème, merci pour cette idée de boucle !

4 « J'aime »
8

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