Different styles in 1. menu level


Well-known member
How can I style the links in 1. level different, so that forum, home, help etc. has normal style,
and username, inbox, alerts and logout have another font size and color?

I want to make them visually differently as the first are for content and the second is user tools,
so I think it is more userfriendly if I visually can show this. Thanks for any help.

Jake Bunce

XenForo moderator
Staff member
Basically you can take these CSS selectors, add .visitorTabs, and specify any attributes you want:


For example:

Admin CP -> Appearance -> Templates -> EXTRA.css

Add this:

.navTabs .visitorTabs
	font-size: 16px;

.navTabs .visitorTabs .navTab.PopupClosed .navLink
	color: red;

.navTabs .visitorTabs .navTab.PopupClosed .navLink:hover
	color: green;