[image] This object has the following HTML: <span>Topic</span> I’m wondering how one might use css to change this text to something else, e.g. “Blogs”. EDIT: I would want to do this on a per-category basis.

Hello :wave: This is possible with CSS. body.category-name { .topic-list-header { .default.topic-list-data { span { visibility: hidden; &:before { content: "Blogs"; visibility: visible; } } } } }

This is customisable via /admin/customize/site_texts?q=Topics I’m not sure exactly which one it is though… You can figure it out by running I18n.enableVerboseLocalizationSession() in the JS console, reloading the page, then you’ll be able to correlate the number of the string with output in the co…

This would be for all categories though, right? I want to do it per category.

I wish I could give you 10 likes! Thank you so much, Don!

[Bild] Jordan Violet: on a per-category basis. If you want to do this on multiple categories and avoid having many SCSS lines, you can use SCSS loops. It makes the code easier to read and maintain because you’ll just have to edit two SCSS variables. [Bild] How to add …

I’m going to try to make this into a theme plugin, thanks for this loop idea!

Wie ändere ich den Text dieses Span-Objekts ohne Selektoren?

Entwickler

Canapin (Coin-coin le Canapin) 19. Juli 2023 um 07:53 6

Wenn Sie dies für mehrere Kategorien tun und viele SCSS-Zeilen vermeiden möchten, können Sie SCSS-Schleifen verwenden. Dies erleichtert das Lesen und die Wartung des Codes, da Sie nur zwei SCSS-Variablen bearbeiten müssen.

Thema		Antworten	Aufrufe
How to add unique text below each category image? Development	8	518	21. Juni 2023
How to split the categories into sections with titles? Development	3	1060	14. März 2023
Change the font on a single category Support	3	365	9. Juli 2021
Different themes per category? Support	9	2583	8. Juni 2024
Adding custom css on particular categories Development css	4	1040	3. Januar 2024

Wie ändere ich den Text dieses Span-Objekts ohne Selektoren?

Verwandte Themen