XenForo Add Font Awesome icons to your prefix

[Styling]

Styling submitted a new resource:

Add Font Awesome icons to your prefix - Template Modifications

To begin add this in your template EXTRA.less :

/*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...

label label--royalBlue fa fa-graduation-cap

Explanation: label label--royalBlue is the color, fa-graduation-cap is the FA symbol.

View attachment 5319​

Read more about this resource...