XF 1.1 Navigation Bar troubles.

[Enitoni]

Hi, I'm a fellow designer which is having some troubles.

The problem is the navbar colours.

If you hover over the little arrows on the links, The hover text is white for a split second. When the popup is open, The navbar link is black when you hover over it.

I can't seem to find the right CSS code for this.

I have attached a picture to give better meaning about what I need help with.

 

[Paul B]

I can't remember which class it is exactly for each of those, but these are the entries I have in EXTRA.css:

.navTabs .navTab.PopupClosed:hover {
background: @primaryLight url('@imagePath/xenforo/gradients/tab-unselected-25px-light.png') repeat-x top;
color: @CTAExtraColour8 !important;
}

.navTabs .navTab.PopupClosed:hover a {
color: @CTAExtraColour8;
}
.navTabs .navTab.selected .tabLinks:hover a {
color: @CTAExtraColour7;
}
.navTabs .navTab.PopupClosed .navLink:hover {
color: @CTAExtraColour8;
}
.navTabs .navTab.PopupOpen .navLink {
color: @CTAExtraColour8;
}

 

[Enitoni]

That didn't fix it at all, I actually don't use the gradient. I'm trying to keep with a more simplistic feel.

And the problem is still there, I hover over the button that opens the popup, the link text is white and blends in with the link background for a split second. When the popup is open, the link text is black when I hover over it.

 

[Paul B]

Doesn't do it on my site and that's the code I use.

 

[Enitoni]

Here's the code from the navigation.css
I had to make it into a text file as the code was too big to write in the post. See attachment.

 

[Enitoni]

Anyone? I really need help with this.

 

[Steve F]

You want the tab popup open text color to be different? Or the color as it is opening for a split second?

This is for the tab when the popup is open.

.navTabs .navTab.PopupOpen .navLink {
color: red;
}

 

[Enitoni]

I know that bit, The problem is the split second bit. Just before the popup opens, The link text is white which the background also is. And when the popup is open the link text is black when I hover over it.

 

[Steve F]

Could I get a link to the site? PC me if needed..

 

[Steve F]

I can't seem to solve the split second color change when going from hovering the navLink to hover the SplitCtrl, as they are separate <a href="">

Maybe @Jake Bunce could have a solution? I tried various things with no luck.

 

[Jake Bunce]

If you post the URL then I can debug the style.

 

[Enitoni]

I sent it through a PC.