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

Desarrollador
1

image
image1462×208 12.3 KB

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.

2

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:

image
image1088×650 85.4 KB

3

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

4

Hola :wave:

Esto es posible con CSS.

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

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

6

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.

7

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