XF 1.2 Use font awesome for individual navigation tabs

[RWonko]

I am looking to replace all my nav tabs with font awesome icons could any one explain how I would do this.
cheers

 

[RWonko]

I found this http://xenforo.com/community/threads/adding-images-to-the-navigation-bar.40976/ which almost dose what I need, could anyone advise what to change to use font awesome icons instead of text.
cheers

 

[Manoj_Kumar]

It's in their documentation. fontawesome.io/get-started/

1. Place the fontawesome folder in your theme.
2. Add the stylesheet reference in header template.
3. Since you have referred the 'adding images to navigation bar' tutorial, just replace the images with
<i class="fa fa-camera-retro"></i>

You will get an idea after that.

 

[RWonko]

Thanks @Manoj Kumar been all round xenforo trying different things, never thought to check font awesome

 

[RWonko]

Hi @Manoj Kumar I have followed the steps but nothing is happening, the link actually takes you to http://xenforo.com/community/resources/add-an-image-to-individual-navigation-tabs.428/ I have used Brogans code but I think this is not what you were thinking for this <i class="fa fa-camera-retro"></i>, any help you can do for me would be appreciated.

 

[Manoj_Kumar]

Tell me your website link

 

[RWonko]

www.reign-of-chaos.co.uk

 

[Manoj_Kumar]

Check the screenshot, I just added the font-awesome icons to the home tab and also the code is below.

So by this procedure, you should be adding the code in navigation template. If you are unable to do, send me a PM with access info.