FA icon on homepage tab

Discussion in '[bd] Widget Framework' started by GEORGiOBBLOVER, Feb 27, 2016.

  1. iorG19

    iorG19 New Member

    Hi @xfrocks ,

    I wonder how can i add a FA-icon just bellow title. Just the same as i have on forums and members. See screen bellow. Thank you!

    P.S - This is what i have on EXTRA.css

    PHP:
    /* START - FA NAVIGATION*/
    .navTab.index .navLink:before {
    content'\f015';
    font-familyFontAwesome;
    font-size15px;
    font-weightnormal;
    padding-right3px;
    }

    .
    navTab.forums .navLink:before {
    content'\f0e6';
    font-familyFontAwesome;
    font-size15px;
    font-weightnormal;
    padding-right3px;
    }

    .
    navTab.members .navLink:before {
    content'\f0c0';
    font-familyFontAwesome;
    font-size15px;
    font-weightnormal;
    padding-right3px;
    }

    .
    navTab.tags .navLink:before {
    content'\f02c';
    font-familyFontAwesome;
    font-size15px;
    font-weightnormal;
    padding-right3px;
    }
    /* END - FA NAVIGATION*/
    I also want to show that /tag page on navigation.

    Cheers!

    xfrocks_ss1.png
     
  2. xfrocks

    xfrocks XenForo rocks!
    Staff Member

    Are you using a Widget Page as Index?
     
    1. iorG19

      iorG19 New Member

      iorG19 @xfrocks yes sir!
       
  3. tmc

    tmc New Member

    I don't use widget framework as index myself, but did a quick test and saw that it uses <li class="navTab WidgetFramework_home "> as the class. (on 2.6.2 beta 5 at least)
    I would guess that this works
    Code:
    .navTab.WidgetFramework_home .navLink:before {
    content: '\f015';
    font-family: FontAwesome;
    font-size: 15px;
    font-weight: normal;
    padding-right: 3px;
    }
    
     
    GEORGiOBBLOVER likes this.
  4. iorG19

    iorG19 New Member

    #5 iorG19, Feb 28, 2016
    Last edited: Feb 28, 2016
    where to put this? at extra.css or class name at widget page?
    ------------------------------------------------------------------------------------------------------------------------------

    it's on EXTRA.css Thanks a lot!

    How to show /tags page on navigation ?

    i also have this FA icon on extra.css and i want to show it on navTab :D

    PHP:
    .navTab.tags .navLink:before {
    content'\f02c';
    font-familyFontAwesome;
    font-size15px;
    font-weightnormal;
    padding-right3px;
    }
     
    1. xfrocks

      xfrocks XenForo rocks!
      Staff Member

      xfrocks @GEORGiOBBLOVER You can edit the template "wf_home_navtab_links".
       
Loading...