XF 2 Tip [cXF] Thread prefix icons

[ENXF NET]

ENXF NET submitted a new resource:

[cXF] Thread prefix icons - DIY tutorial on how to add thread prefix icons and customize it.

Would you like to customize your prefixes?

Here's a simple DIY tutorial as an example. Of course, you can extend it for your own needs as you wish.


So, read this tutorial to achieve something like this:
View attachment 22261
1. Create your custom prefix

In admin CP go to Forums > Thread prefixes and click on button Add prefix on the right top side.

Fill the form like this:
View attachment 22262
You can choose any prefix name you want, just...

Read more about this resource...

 

[Wolf Knight]

Hello
I need more support for this tip,
I did everything but no any changes are happen when I do it, it’s comes a blank prefix without any style.
Shall I add any other code or source in Page_container?
Please advise me.
Thank you.

 

[BattleKing]

Hello
I need more support for this tip,
I did everything but no any changes are happen when I do it, it’s comes a blank prefix without any style.
Shall I add any other code or source in Page_container?
Please advise me.
Thank you.

shababalrafedainWhich theme have you installed?
You only need to apply the prefix to the specific forum section where you would like to use it, thats it. If you now create a new thread in that section you could choose one of the created prefixes.

 

[Wolf Knight]

Which theme have you installed?
You only need to apply the prefix to the specific forum section where you would like to use it, thats it. If you now create a new thread in that section you could choose one of the created prefixes.

BattleKingFirst of all, thank you for your reply.
I am using the main theme with some changes I did.
I have many prefixes created with coming styles and it works fine, but It‘s not work (mean it comes without any style) when I select a custom css class.
I hope it’s clear now.
Thank you.

 

[BattleKing]

First of all, thank you for your reply.
I am using the main theme with some changes I did.
I have many prefixes created with coming styles and it works fine, but It‘s not work (mean it comes without any style) when I select a custom css class.
I hope it’s clear now.
Thank you.

shababalrafedainPlease post the screenshots of the settings you have made. Maybe a typo. I could also check your site if you want

 

[Wolf Knight]

Please post the screenshots of the settings you have made. Maybe a typo. I could also check your site if you want

BattleKing

And this code in Extra.less

/*** Prefix Pack A ***/
.label.label--pack-a {
    background: #CD7F32;
    color: #fafafa;
    &:hover {
        background: #4A4E51;
        color: #fafafa;
    }
    &:before {
        .m-faBase();
        .m-faContent(@fa-var-cogs);
        padding-right: 5px;
    }
}
/**********/

 

[BattleKing]

View attachment 22447

And this code in Extra.less

/*** Prefix Pack A ***/
.label.label--pack-a {
    background: #CD7F32;
    color: #fafafa;
    &:hover {
        background: #4A4E51;
        color: #fafafa;
    }
    &:before {
        .m-faBase();
        .m-faContent(@fa-var-cogs);
        padding-right: 5px;
    }
}
/**********/

shababalrafedainremove label. from the CSS extra.less file and remove it from the above field

 

[Wolf Knight]

remove label. from the CSS extra.less file and remove it from the above field

BattleKingGreat, now it is working.
Many thanks bro.
Appreciated.