Welcome Notice

Wanting to join the rest of our members? Feel free to sign up today.

Register Log in
  • This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.
Thread prefix with Font Awesome icons

Thread prefix with Font Awesome icons

Thread starter Admin #1

XenForo Rocks

Team Member
Administrator
Moderator
+Lifetime VIP+
Contributor
ViP
True Member
Suppliers
Registered
XenForo Rocks submitted a new resource:

Thread prefix with Font Awesome icons - Guide how to create thread prefix with Font Awesome icon.

Font Awesome needs to be called via CDN or locally to work right.

Here's an example for GUIDE prefix:

View attachment 2074

First create a thread prefix in ACP:

View attachment 2071 View attachment 2072 View attachment 2073

Now add this code to your EXTRA.css template:

Code:
.titleBar .prefix.prefixGuide {
    font-size: 14pt;
}
.prefixGuide:before {
    content: "\f1cd";
    font-family: FontAwesome;
    margin-right: 4px;
}
.prefix.prefixGuide {...
Read more about this resource...
 

Similar threads

Similar threads