AdminCP > Topic Prefixes > Topic Prefix Manager > Add Prefix or Edit (existing prefix)
Announcement
Collapse
No announcement yet.
Topic Prefix style that rocks!
Collapse
X
-
Glenn where am I going wrong here?
I have this in the βRich Textβ
And here is the CSSHTML Code:<span class="prefix-1" title="This is the hover text and it is optional">Sticky</span>
Code:/* Topic Prefix custom style - START */ /* Common styles for all prefixes */ .js-topic-prefix [class^="prefix-"], .search-module-prefix [class^="prefix-"], .b-post__title [class^="prefix-"], .post-action-wrapper [class^="prefix-"] { padding: 2px; font-size: 11px; font-weight: bold; border-radius: 3px; position: relative; bottom: 2px; text-transform: uppercase; white-space: nowrap; } .post-action-wrapper [class^="prefix-"] { padding: 1px 2px; bottom: 1px; } .search-module-prefix [class^="prefix-"] { bottom: 1px; } .b-post__title [class^="prefix-"] { padding: 1px 2px; } /* Separate styles for each prefix type */ .js-topic-prefix .prefix-1, .search-module-prefix .prefix-1, .b-post__title .prefix-1, .post-action-wrapper .prefix-1 { color: #fff; border: 1px solid #008000; background-color: rgba(0, 128, 0, 0.8); } .js-topic-prefix .prefix-Sticky, .search-module-prefix .prefix-Sticky, .b-post__title .prefix-Sticky, .post-action-wrapper .prefix-Sticky { color: #fff; border: 1px solid #ed143d; background-color: rgba(237, 20, 61, 0.85); } /* Topic Prefix custom style - END */2 Photos
- Top
- Translate
- Bottom
Comment
-
same here, wonΒ΄t work...Originally posted by Mitch View PostGlenn where am I going wrong here?
I have this in the βRich Textβ
And here is the CSSHTML Code:<span class="prefix-1" title="This is the hover text and it is optional">Sticky</span>
Code:/* Topic Prefix custom style - START */ /* Common styles for all prefixes */ .js-topic-prefix [class^="prefix-"], .search-module-prefix [class^="prefix-"], .b-post__title [class^="prefix-"], .post-action-wrapper [class^="prefix-"] { padding: 2px; font-size: 11px; font-weight: bold; border-radius: 3px; position: relative; bottom: 2px; text-transform: uppercase; white-space: nowrap; } .post-action-wrapper [class^="prefix-"] { padding: 1px 2px; bottom: 1px; } .search-module-prefix [class^="prefix-"] { bottom: 1px; } .b-post__title [class^="prefix-"] { padding: 1px 2px; } /* Separate styles for each prefix type */ .js-topic-prefix .prefix-1, .search-module-prefix .prefix-1, .b-post__title .prefix-1, .post-action-wrapper .prefix-1 { color: #fff; border: 1px solid #008000; background-color: rgba(0, 128, 0, 0.8); } .js-topic-prefix .prefix-Sticky, .search-module-prefix .prefix-Sticky, .b-post__title .prefix-Sticky, .post-action-wrapper .prefix-Sticky { color: #fff; border: 1px solid #ed143d; background-color: rgba(237, 20, 61, 0.85); } /* Topic Prefix custom style - END */
IΒ΄ve version 5.6.4
works only in Forumbit not Forumhome
- Top
- Translate
- Bottom
Comment
-
This is using the Prefix option in AdminCP. This just describes what HTML to use for the prefixes so you can style different prefixes with some common styles and easily apply distinct styles.Originally posted by lange View PostI don't use this mod, I use the Prefix option of vBulletin.
My Amazon Affiliate Link β
Fast vBulletin VPS Host:
This site is hosted by IONOS
- Top
- Translate
- Bottom
Comment
-
This mod does not change where prefixes are displayed. It just styles them wherever they are displayed. Prefixes show up in forum channel display, forum channel directory Last Post column, topic first post, Search module (Topic view). I think by default it does not show on Search module (Default view).
My Amazon Affiliate Link β
Fast vBulletin VPS Host:
This site is hosted by IONOS
- Top
- Translate
- Bottom
Comment
Latest Posts
Collapse
-
by ChunkHello!
My name is Chunk (nickname). Im current graduated from my local college for Web Development. Today I will be exploring vBulletin...07-11-2026, 06:08 AM -
Get Affordable and Fast VPS for vBulletin -
by PitmanLol... Like I said, I am Shon.
I am I user and administrator of vBulletin since 2002 (good old days) and I joined here because I recently...07-08-2026, 02:29 PM

Comment