[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 un…

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

셀렉터가 없는 이 span 객체의 텍스트를 변경하는 방법?

개발

Canapin (Coin-coin le Canapin) 7월 19, 2023, 7:53오전 6

여러 카테고리에 대해 이 작업을 수행하고 SCSS 라인이 많이 쌓이는 것을 피하려면 SCSS 루프를 사용할 수 있습니다. 두 개의 SCSS 변수만 편집하면 되므로 코드를 읽기 쉽고 유지보수하기 쉽게 만들어 줍니다.

글		댓글	조회수
How to add unique text below each category image? Development	7	615	5월 22, 2023
How to split the categories into sections with titles? Development	3	1184	3월 14, 2023
Change the font on a single category Product Support	2	423	7월 8, 2021
Different themes per category? Product Support	8	2780	10월 1, 2019
Adding custom css on particular categories Development css	3	1110	2월 7, 2020

셀렉터가 없는 이 span 객체의 텍스트를 변경하는 방법?

Related topics