Add Font Awesome icons to your prefix

Add Font Awesome icons to your prefix

  • Upgrade Your Account to download resource
    Hello Guest ! Upgrade your account to download from our sections Here.
    How to upgrade your account to download resources Learn More.
    Guest need to read through our rules and regulations Learn More.

XenforoX

Administrator
Staff member
Administrator
May 29, 2018
1,121
182
63
#1
Nitish0123 submitted a new resource:

Add Font Awesome icons to your prefix - Add Font Awesome icons to your prefix

Hi,

Today I share a tutorial under xenForo 2.0 : Add Font Awesome icons to your prefix !

To begin add this in your template EXTRA.less :
Code:
Code:
/*adding fa icon to prefix*/
.fa:before{
    font-family:FontAwesome;
    margin-right:3px
}
Then in the prefix of your choice check other CSS class. Add this code:
Code:
Code:
label label--royalBlue fa fa-graduation-cap
Explication : label label--royalBlue is the color, and fa-graduation-cap to the FA...
Read more about this resource...
 

Sjakie

New member
Apr 21, 2020
1
0
1
#2
How do we get a prefix like yours?
 

About us

  • Our community has been around for many years and pride ourselves on offering unbiased, critical discussion among people of all different backgrounds. We are working every day to make sure our community is one of the best.

Quick Navigation

User Menu

Follow us on Facebook