4 Style Question



Hello. I am playing a bit with the Style and I have problems finding some of the Style Infos i would like to change.

green Arrow: where chan i change the dark blue Mouse Over color and is there also a way to get rid of the dotted vertical line between the arrow and "Chat"?
red Arrow: Where do i find the color informations for the Menu Tabs
blue Arrow(s): I can not find the blue line between the first - and second Navbar


Thanks a lot for helping me


XenForo moderator
Staff member
Add this to EXTRA.css for the nav tab (change the colour to suit):
/* Change navigation tab hover colour */
.navTabs .navTab.PopupClosed:hover {
background-color: @secondaryDark;
.navTabs .navTab.selected .tabLinks a is the class for the nav tab text.

The blue line is Style Properties -> Header and Navigation -> Navigation Tabs Container: Border Bottom


XenForo moderator
Staff member
I'm still looking for the dotted line on the split control :confused:

Found it!
.navTabs .navTab.PopupClosed:hover .SplitCtrl {
    background: url("styles/default/xenforo/widgets/nav_menu_gadget.png") no-repeat scroll right center transparent;
I was looking for a dotted border, no wonder I couldn't find it in the css :rolleyes: