Change menu underline colour

[David L]

Hi team,

How can i change the green underline colour that comes up when i put my cursor over navigation menu items.

Its currently green and want red.

[Charles]

Hi David, which theme are you using?

[David L]

The Stax theme, thanks

[David Morgan]

Hi David,

Sure, this can be done by adding the following CSS within the Additional CSS section of the Customizer or Editor:

.wp-block-navigation__container .wp-block-navigation-item:not(.button) a::after {
    background: red;
}

You can adjust color as needed using HEX codes.

Let us know if this works.

Thanks!

[David L]

Hey David,

Thanks for this, but doesnt seem to have done the trick unfortunatly.

I went to customizer and added additional css there and hit publish but not red line when i refereshed the page.

[Diana]

I tried this as well with hex code b24a1e and it didn’t work either. Perhaps because of the disconnect in navigation menus I just opened a ticket about?

[David Morgan]

No prob, let’s try a minor adjustment:

.wp-block-navigation__container .wp-block-navigation-item:not(.button) a::after {
    background: red !important;
}

That should do the trick!

[Diana]

that one worked for me, thanks David!

[David L]

Dear David,

This also worked for me. Many thanks. Looked into your work, very impressive.

Take care.
D

[Author]

Posts