Add Font Awesome icons to your prefix

Unmaintained Add Font Awesome icons to your prefix

Compatible XF 2.x versions
  1. 2.0
Additional requirements
EXTRA.less
Visible branding
No
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...
You do not have permission to view the full content of this resource. Log in or register now.
Author
SyTry
Views
1,723
First release
Last update

Ratings

4.00 star(s) 2 ratings

Latest reviews

It works, but there's one big issue -- all the text in the prefix after the icon is rendered in the FA serif font.
SyTry
SyTry
Thank you for your review, have a look here if you want : https://xenforo.com/community/resources/creating-custom-prefix-styling.7333/
Even a noob like me got it working.

One thing though, you need to remove -cap or at least for me it didn't work with the -cap
Top Bottom