XF 2.2 Selected menu issue

[Deleted member 241496]

We have our coloring all set up for the menu but for some reason when the menu item is selected (like you are on that page) and then you hover over the item, its creating the text to be white like the background, rather than black with white background. Why is this? Page is www.talkingevs.com and if you are at home (forums), and put your cursor over forums, you will see what i mean

 

[Nicolas FR]

Appearance > Styles > Style properties > Navigation row - hovered tab

 

[Deleted member 241496]

That's set for black text and white background. But it's making it white background with white text

 

[Nicolas FR]

Just set font color to black in this style property and it will be ok.

 

[Deleted member 241496]

It is set to black. Thats what Im saying....there is an error somewhere in XF or something Im not seeing.

 

[Jeremy P]

You have a rule in your extra.less file overriding it.

.p-nav-list .p-navEl.is-selected:hover,
.p-nav-list .p-navEl.is-selected .p-navEl-link:hover,
.p-nav-list .p-navEl.is-selected .p-navEl-splitTrigger:hover
{
    color:#141414;
    text-decoration:none;
    background:#fefefe;
    color:#FFFFFF;
}

 

[Deleted member 241496]

You have a rule in your extra.less file overriding it.

.p-nav-list .p-navEl.is-selected:hover,
.p-nav-list .p-navEl.is-selected .p-navEl-link:hover,
.p-nav-list .p-navEl.is-selected .p-navEl-splitTrigger:hover
{
    color:#141414;
    text-decoration:none;
    background:#fefefe;
    color:#FFFFFF;
}

Thank you for finding that. But i just looked through our extra.less and that isn't anywhere. Could it be set somewhere else?

 

[KSA]

Thank you for finding that. But i just looked through our extra.less and that isn't anywhere. Could it be set somewhere else?

Just checked your website there seem not be an issue and it is exactly as you described it; white background and black font!

 

[Deleted member 241496]

Just checked your website there seem not be an issue and it is exactly as you described it; white background and black font!

I copied and pasted what they put above at the bottom of the extra.less template and took out the #141414 part. But I'm still not finding where that was originally set

 

[Jeremy P]

But i just looked through our extra.less and that isn't anywhere. Could it be set somewhere else?

It might not appear as I posted verbatim, those rules are most certainly listed somewhere under extra.less.

 

[Nicolas FR]

Copy/paste your extra.less content to an external editor and search for :hover