Come cambiare il testo di questo span senza selettori?

[jordan-violet]

Questo oggetto ha il seguente HTML:

<span>Topic</span>

Mi chiedo come si potrebbe usare il CSS per cambiare questo testo in qualcos’altro, ad esempio “Blogs”.

EDIT: Vorrei farlo su base per-categoria.

[supermathie (Michael Brown)]

Questo è personalizzabile tramite /admin/customize/site_texts?q=Topics

Non sono sicuro di quale sia esattamente, però…

Puoi scoprirlo eseguendo I18n.enableVerboseLocalizationSession() nella console JS, ricaricando la pagina, quindi potrai correlare il numero della stringa con l’output nella console:

[jordan-violet]

Questo varrebbe per tutte le categorie, giusto? Voglio farlo per categoria.

[Don]

Ciao

Questo è possibile con CSS.

body.category-name {
  .topic-list-header {
    .default.topic-list-data {
      span {
        visibility: hidden;
        &:before {
          content: "Blog";
          visibility: visible;
        }
      }
    }
  }
}

[jordan-violet]

Vorrei poterti dare 10 mi piace! Grazie mille, Don!

[Canapin (Coin-coin le Canapin)]

@jordan-violet

su base per categoria.

Se vuoi farlo su più categorie ed evitare di avere molte righe SCSS, puoi usare i cicli SCSS. Rende il codice più facile da leggere e mantenere perché dovrai modificare solo due variabili SCSS.

How to add unique text below each category image?

Oh, I see. You can still use a pure SCSS solution using category slugs: If you want to add line breaks in the text, put \A inside your text, and add white-space: pre; in the :after pseudo element properties. $categories: "nature", "general"; $labels: "All natural!\ANaturaaal!" "Another text"; @each $category, $label in zip($categories, $labels) { body.category-#{$category} .category-heading .category-logo.aspect-image { max-height: none; &:after …

[jordan-violet]

Proverò a trasformarlo in un plugin a tema, grazie per questa idea di loop!