1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

XF 1.2 Use font awesome for individual navigation tabs

Discussion in 'Styling and Customization Questions' started by RWonko, Jan 18, 2014.

  1. RWonko

    RWonko Member

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

    RWonko Member

  3. Manoj_Kumar

    Manoj_Kumar Guest

    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.
     
  4. RWonko

    RWonko Member

    Thanks @Manoj Kumar been all round xenforo trying different things, never thought to check font awesome :eek:
     
  5. RWonko

    RWonko Member

  6. Manoj_Kumar

    Manoj_Kumar Guest

    Tell me your website link
     
  7. RWonko

    RWonko Member

  8. Manoj_Kumar

    Manoj_Kumar Guest

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

    [​IMG]

    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.
     

Share This Page