Hover Color Bug

Support
#1

Hi! I’m having a problem with the hover color on my top menu.

I set the hover color to teal, but for some reason when it hovers over one of the links “Buyers Guide” it is white and not teal and I can’t figure out how to fix this.

Here’s my website:

https://ukenewbies.com/

#2

Hi there,

Please add this code in the custom CSS:

.x-navbar .desktop .x-nav > li > a:hover {
    color: hsl(183,86%,31%);
}

Hope this helps.

#3

This didn’t do anything. It’s still white.

#4

Hi there,

Would you mind temporarily disabling the plugin that disables the right click functionality of your site because it is quite cumbersome to check.

Please also check for CSS errors here: http://csslint.net/

Thank you.

#5

Okay, I’ll temporarily disable the plugin, but I’m not too sure what you want me to put in the box when I get to CSSLINT. I just put my website url in there and it came up with two erros.

#6

Hi there,

I can’t seem to see the code previously suggested so I think there must be some incorrect CSS in the custom CSS panel.

You will have to copy all of the CSS code you have in your custom CSS and paste it in the CSSLINT box and it should provide you some information for the error.

If you are still not able to get it sorted, please provide your admin login in a secure note.

Thank you.

#7

Sorry, I removed the CSS code you gave me when I saw that it didn’t work. I’ll put it back in. One moment. Did you see the errors above?

#8

Hi There.

Please provide your wp admin credentials so we can take a closer look.

Thanks

#9

Yes, here it is.

#10

Hi there,

I am not sure where you placed the code provided previously but when I placed it in the Global CSS panel, it worked fine.

#11

Looking at your own video here, it did not work. “Buying Guide” still comes up as white not teal.

#12

Hi There,

Please also add this custom CSS:

.x-navbar .desktop .x-nav > li.tax-item-35 > a:hover, 
.x-navbar .desktop .x-nav > li.tax-item-35.x-active > a {
    box-shadow: 0 2px 0 0 hsl(183,86%,31%);
}

Hope it helps :slight_smile:

#13

Okay, that worked. Thanks.

#14

You’re welcome.

#15

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.