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

Changing nav tab hover state

Discussion in 'Styling and Customization Questions' started by dtommy79, Aug 12, 2011.

  1. dtommy79

    dtommy79 Member

    Hi,

    How can I change the hover state of the Navigation Tab?

    Thanks
     
  2. Brogan

    Brogan XenForo Moderator Staff Member

    Add to EXTRA.css
    Code:
    .navTabs .navTab.PopupClosed:hover
            {
                background-color: #176093;
            }
    
                .navTabs .navTab.PopupClosed .navLink:hover
                {
                    color: #ffffff;
                }
    Change the colours to suit.

    For the links on the lower navigation bar for the selected tab, it's Style Properties -> Header and Navigation -> Selected Tab
     
    Kevin, Klaudius and dtommy79 like this.
  3. nrep

    nrep Well-Known Member

    Thanks, been looking for that CSS - this may be worth adding in to the template settings manager?
     

Share This Page