xF2 Add-on Add Font Awesome icons to your prefix

[ENXF NET]

LQD 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

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

Read more about this resource...

 

[chechobecho]

where is extra.less file

 

[xfto0]

where is extra.less file

chechobechoyes

 

[ENXF NET]

where is extra.less file

chechobechoAppearance -> Templates -> extra.less

 

[chechobecho]

i found it but my icons not working properly

 

[ENXF NET]

i found it but my icons not working properly

chechobechoYou are using xf2.0 or xf2.1

 

[lazarote]

is working with x2.1?

lazaroteit push only using xenforo 2.0, i will find xf2.1

 

[ENXF NET]

is working with x2.1?

lazaroteit push only using xenforo 2.0, i will find xf2.1

 

[kyriazhs1975]

yes it works fine x2.1

 

[chechobecho]

i am using 2.1.3 xenforo. Thanks for replay @ENXF NET

 

[ENXF NET]

i am using 2.1.3 xenforo. Thanks for replay @ENXF NET

chechobechoThis is for xf2.0 only

 

[lazarote]

This addon LINK is free in xenforo.com and works with 2.1 , canu get it?

lazarotehttps://enxf.net/resources/ah-font-awesome.1529/

 

[ENXF NET]

This addon LINK is free in xenforo.com and works with 2.1 , canu get it?

lazarotehttps://enxf.net/resources/ah-font-awesome.1529/

 

[lolo68]

For xf2.1 you have to replace the code :
font-family:FontAwesome;
By :
font-family: 'Font Awesome 5 Pro';