Menu problems. Change text colour, weight and hover background colour?

If somebody else is having the same problem. This seems to solve problem #3, changing the background colour when hovering:

.sub-menu li.menu-item:hover {
background-color: rgb(91, 210, 222);
}

.main-navigation ul li:hover > a {
background-color: rgb(91, 210, 222);
}

Remains problem #1 and #2. If somebody knows, please tell me.

P.S I’m a newbie to CSS, I can’t tell if the CSS above is correct (but it seems to work).

One more solved.
#1 Making text in submenu bold:
.main-navigation ul.nav-menu ul li a {
font-weight: bold;
}

Just need to solve this one: How can I change the colour of the menu text when hovering, both in menu and submenu?

• This reply was modified 3 years, 12 months ago by boppar.

Hi @boppar,

I’m glad you found a way to solve the previous points.

Just need to solve this one: How can I change the colour of the menu text when hovering, both in the menu and submenu?

If you add the snippet below and replace the red color for the color that you need the color of the menu (and submenus) text would change when hovering.

li.menu-item a:hover, .sub-menu li.menu-item a:hover  {
    color: red !important;
}

I hope this helps.

Cheers!

Hi @danielinhou
Thanks a lot! It worked great.
Happy Easter!

Hey @boppar!

Glad to hear you got it working the way you needed. Thanks for the update!

I’m going to mark this thread as resolved – if you have any further questions, you can start a new thread.

Cheers!