Add Font Awesome icons to your prefix

Add Font Awesome icons to your prefix

SyTry

Active member
#1
Gniouf submitted a new resource:

Add Font Awesome icons to your prefix - Add FA icon to 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:
/*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:
label label--royalBlue fa fa-graduation-cap
Explication : label label--royalBlue is the color, and fa-graduation-cap to the FA icon.

Screen ...
Read more about this resource...
 
Top