• 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!

#1
Hi,

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.

subnavbar.jpg

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
 

Brogan

XenForo moderator
Staff member
#2
Add to EXTRA.css:
Code:
.navTabs .navTab.selected .tabLinks a:hover,
.navTabs .navTab.selected .tabLinks a:focus {
background: none;
border: none;
}
 
#4
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:

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