Add Font Awesome icons to your prefix

[SyTry]

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 :

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

Explication : label label--royalBlue is the color, and fa-graduation-cap to the FA icon.

Screen ...

Read more about this resource...

 

[Cannabis Ape]

Gniouf submitted a new resource:

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



Read more about this resource...

This worked great minus the -cap

So I got the FA working with a color of my choice but Shamefully though I can't figure out the sizing of the icon+text. I know it's simple CSS for most but learning as I go, I got this currently:

.label--hidden {
    color: #0ca613 !important;
    size: 18px; 
}

Also tried it with font-size but I must be using the wrong command.