[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!

[صورة] 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. [صورة] How to add …

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

كيفية تغيير نص عنصر الـ span هذا بدون محددات؟

مطور

Canapin (Coin-coin le Canapin) 19 يوليو 2023، 7:53ص 6

إذا كنت ترغب في القيام بذلك على فئات متعددة وتجنب وجود العديد من أسطر SCSS، يمكنك استخدام حلقات SCSS. هذا يجعل الكود أسهل في القراءة والصيانة لأنه سيتعين عليك فقط تعديل متغيري SCSS.

الموضوع		الردود	مرات العرض
How to add unique text below each category image? Development	7	549	22 مايو 2023
How to split the categories into sections with titles? Development	3	1068	14 مارس 2023
Change the font on a single category Support	2	375	8 يوليو 2021
Different themes per category? Support	8	2611	1 أكتوبر 2019
Adding custom css on particular categories Development css	3	1047	7 فبراير 2020

كيفية تغيير نص عنصر الـ span هذا بدون محددات؟

الموضوعات ذات الصلة