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

Navi Style Questions

Gabby

Well-known member
#1
Hello
Having a heck of a time getting to the correct style area to make the below changes.

Remove blue hover or make white
Make downward arrow to show all the time not just on hover.

Need done asap.

Thanks a million,

Gabby navi.png
 

Jake Bunce

XenForo moderator
Staff member
#2
Admin CP -> Appearance -> Templates -> EXTRA.css

Add this code:

Code:
/* remove background color change on tab hover */
.navTabs .navTab.PopupClosed:hover
{
	background-color: transparent !important;
}

/* show popup menu arrows always, not just on tab hover */
.navTabs .navTab.PopupClosed .SplitCtrl
{
	background: transparent url('@imagePath/xenforo/xenforo-ui-sprite.png') no-repeat -128px {xen:calc '(@headerTabHeight - 17) / 2 + 1'}px;
}
 

Gabby

Well-known member
#3
navi2.png

Thank so much Jake!

Now I have this showing after adding the code.

How do I get rid of the line?
How do I show the arrow?
How can I change color of link from light blue to grey as I cannot find a place to change it in style property or have tried every property in nav section but still blue
How can I change color of link when hovered. Cannot find that in style property either and have tried everything else. it is now hovering white on white background which obviuosly doesn't work.

Basically I"m going for a minimilistic look now.