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

selected tab css

Discussion in 'Styling and Customization Questions' started by Gabby, Sep 27, 2012.

  1. Gabby

    Gabby Well-Known Member

    Hello
    I forgot how to do this but I need some css for selected tab text color. need dark text on what background.

    Thanks

    Gabby
     
  2. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    EXTRA.css

    Code:
    .navTabs .navTab.selected .navLink
    {
    	color: red;
    }
    
    Or there is a property:

    Admin CP -> Appearance -> Style Properties -> Header and Navigation -> Selected Tab
     
  3. Gabby

    Gabby Well-Known Member

    Thanks Jake. The selected tab property did not work so I thought I would do it by css as I've done before but forgot how. LOL
     
  4. Russ

    Russ Well-Known Member

    Navigation for XF css is a mess ;p
     
    Gabby and ShadyX like this.
  5. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    This post shows the navbar CSS:

    http://xenforo.com/community/threads/change-the-color.8749/#post-120671

    Some of them have style properties, others don't. In either case you can always duplicate that CSS into the EXTRA.css template and set any colors you want using your own CSS definitions. It's best to use EXTRA.css instead of modifying the other .css templates.
     
  6. Russ

    Russ Well-Known Member

    Absolutely agree, I should of stated I don't agree with the way it's setup currently as I love style properties but they're limited when it comes to the navigation, my navigation is literally always in extra.css
     
    Shelley likes this.
  7. Gabby

    Gabby Well-Known Member

    Hi Jake
    Copy and pasted but I can't get it to work.
     
  8. Gabby

    Gabby Well-Known Member

    Ah need the !important thingy after it.
     

Share This Page