[CSS] Adding style for Announcement and Sticky

Go down

[CSS] Adding style for Announcement and Sticky Empty [CSS] Adding style for Announcement and Sticky

Post by SarkZKalie May 3rd 2018, 12:23 am

Hello guys

1) By default, the whole content inside {topics_list_box.row.TOPIC_TYPE} variable will end by a colon ( : ) So, i write this tutorial to help you remove it without installing any javascript and one more thing it will work all version.

First of all, define your special text for announcement and sticky by browse to your Admin Control Panel -> General -> Mesages and emails -> Config. -> Define another name

In my case, I'll use content1 and content2.
Announcement : content1
Sticky : content2
Next step, search and locate {topics_list_box.row.TOPIC_TYPE} variable in topics_list_box template.
Replace it by
<span id="{topics_list_box.row.TOPIC_TYPE}"></span>
or if you wanna use this in blog mode, then do search in topics_blog_box template (optional)
Replace it by
<span id="{topics_blog_box.row.TOPIC_TYPE}"></span>
Blog feature must be activated in
Admin Control Panel -> Modules -> Blogs -> Activate it
Last step, add this to your CSS
span[id*="content1"]:before, span[id*="content2"]:before {
     padding: 4px 4px;
     margin: 0 5px;
     border: 1px solid #999;
     border-radius: 2px;
 span[id*="content1"]:before {
     content: "new-content1";
     background: darkcyan;
     color: white;
 span[id*="content2"]:before {
     content: "new-content2";
     background: red;
     color: white;
[CSS] Adding style for Announcement and Sticky Untitl12

Note : You must have a sticky or announcement post at least, unless this tip won't work as expected
Support Moderator
Support Moderator

Male Posts : 1261
Reputation : 204
Language : English

View user profile https://rotavn.forumotion.com/

Back to top Go down

Back to top

Permissions in this forum:
You cannot reply to topics in this forum