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

Customizing not working for "Selected Tab Link, Hover State" - Help!


I've tried to customize the style properties for the element "Selected Tab Link, Hover State". Unfortunately I can't get it to work the I want.

My goal is to get rid of the default highlighted area around the link itself as you can see in the attached file.


I have tried to remove the background color for this element as you can see in the second attached picture. The background still shows up when I hover above the link. Why does it not work?

style properties.jpg


XenForo moderator
Staff member
Add to EXTRA.css:
.navTabs .navTab.selected .tabLinks a:hover,
.navTabs .navTab.selected .tabLinks a:focus {
background: none;
border: none;
One little thing. I noticed that the link text move just a little bit when I go from normal to hover state.

In miscellaneous settings for normal and hover state the following code is used for both:

display: block;
text-shadow: 0 1px 1px @primaryMedium;
Any ideas?