Change underline colour

Hi,

How do I change the underline colour of the navigation menu. Currently when hover over it, it is set to green underline.

I have read in some other topics to add this to my css global, which I have done but it has not worked for me:

body .menu-item-540 .woodmart-nav-link .nav-link-text:after{
background-color:black;
}

Any help would be greatly appreciated.

Thank you!

Hello,

Please navigate to Theme Settings -> Styles and Colors -> Colors -> change the “Primary color” and recheck the issue: https://prnt.sc/TZy-x-ZTbL45

Kind Regards

Hi,

I only want to change the underline color when it hovers – not all the primary colors.

Kind regards

Hello,

Please send me access to the admin dashboard so I can the issue on your side: https://prnt.sc/R3c8oqgpqIb2

Thank you in advance.

Kind Regards

Hi Luke,

I only want to change the colour of the underline when its hovered on the navigation menu – not all the primary colours (which is what you suggested)

Could you please show me how to change only the underline hover.

Kind regards

Hello,

Try to use the below one:

.whb-header .menu-item .nav-link-text:after{
    background-color: blue;
}

Define it in Theme Settings -> Custom CSS.

Kind Regards

Thank you!!!!

That has helped 🙂

Hello,

Great! Always remember that you can reach out to us with any questions you may have.

Wish you all the best.

Kind Regards

[Author]

Posts