¿Cómo cambiar el texto de este objeto span sin selectores?

[jordan-violet]

Este objeto tiene el siguiente HTML:

<span>Topic</span>

Me pregunto cómo se podría usar CSS para cambiar este texto por algo más, por ejemplo, “Blogs”.

EDITAR: Me gustaría hacer esto por categoría.

[supermathie (Michael Brown)]

Esto se puede personalizar a través de /admin/customize/site_texts?q=Topics

Sin embargo, no estoy seguro de cuál es exactamente…

Puedes averiguarlo ejecutando I18n.enableVerboseLocalizationSession() en la consola de JS, recargando la página, y luego podrás correlacionar el número de la cadena con la salida en la consola:

[jordan-violet]

Esto sería para todas las categorías, ¿verdad? Quiero hacerlo por categoría.

[Don]

Hola

Esto es posible con CSS.

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

[jordan-violet]

¡Ojalá pudiera darte 10 me gusta! Muchas gracias, Don.

[Canapin (Coin-coin le Canapin)]

@jordan-violet

en una base por categoría.

Si quieres hacer esto en varias categorías y evitar tener muchas líneas SCSS, puedes usar bucles SCSS. Hace que el código sea más fácil de leer y mantener porque solo tendrás que editar dos variables 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]

¡Intentaré hacer de esto un plugin de tema, gracias por esta idea de bucle!