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

navigation bar hover

#1
I have changed the template and its not seeming to work.

I am simply trying to get links on the navigation bar to highlight as a different cover when hovered over.
 

Brogan

XenForo moderator
Staff member
#2
Add this to EXTRA.css

Code:
.navTabs .navTab.PopupClosed .navLink:hover {
color: @primaryDark;
}
Change the colour to suit.
 

mrb1972

Active member
#3
Just to expand on this a litte, what css controls the background colour when you hover over the litte down arrow on the navbar? I cant seem to find it anywhere
 

Brogan

XenForo moderator
Staff member
#4
That's the standard link CSS - a:link, a:visited

You said background, so it's this: .Popup .PopupControl.PopupOpen, .Popup.PopupContainerControl.PopupOpen {

This to be precise: background: url("styles/default/xenforo/gradients/tab-unselected-25px-light.png") repeat-x scroll center top #6CB2E4;
 
#5
Add this to EXTRA.css

Code:
.navTabs .navTab.PopupClosed .navLink:hover {
color: @primaryDark;
}
Change the colour to suit.
i copied and pasted that exactly as is into the extra css

it does not seem to be making a difference

its great that xen uses the latest technology and all..but we should not need a masters in software engineering just to make simple changes IMO
 

Brogan

XenForo moderator
Staff member
#6
I tested it and it works fine in the default style.

If you have a custom style you will need to contact the style author.