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

fredrikse

Active member
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.webp

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.webp
 
Add to EXTRA.css:
Code:
.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:

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

Any ideas?
 
Top Bottom