Como alterar o texto deste objeto span sem seletores?

Dev
1

image
image1462×208 12.3 KB

Este objeto tem o seguinte HTML:

<span>Topic</span>

Gostaria de saber como se pode usar CSS para alterar este texto para algo diferente, por exemplo, “Blogs”.

EDIT: Eu gostaria de fazer isso por categoria.

2

Isso pode ser personalizado em /admin/customize/site_texts?q=Topics

Não tenho certeza de qual é exatamente…

Você pode descobrir executando I18n.enableVerboseLocalizationSession() no console JS, recarregando a página e, em seguida, poderá correlacionar o número da string com a saída no console:

image
image1088×650 85.4 KB

3

Isso seria para todas as categorias, certo? Quero fazer isso por categoria.

4

Olá :wave:

Isso é possível com CSS.

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

Eu gostaria de poder te dar 10 curtidas! Muito obrigado, Don!

6

Se você quiser fazer isso em várias categorias e evitar ter muitas linhas SCSS, você pode usar loops SCSS. Isso torna o código mais fácil de ler e manter, pois você só precisará editar duas variáveis SCSS.

7

Vou tentar transformar isso em um plugin de tema, obrigado por essa ideia de loop!