ACTIVE and HOVER link color in the sub menu – Themeco Community

ACTIVE and HOVER link color in the sub menu

joanosgoodby — Sat, 07 Mar 2015 22:32:15 +0000

How do I change the ACTIVE and HOVER link color in the sub menu – so they are different from the active and hover colors of the main nav menu?

Christopher — Sun, 08 Mar 2015 11:26:37 +0000

Hi there,

Please add the following CSS under Customize -> Custom -> CSS :

ul.sub-menu li a:hover {
color: red !important;
}
ul.sub-menu li a {
color: yellow !important;
}

Hope it helps.

contegi66 — Sun, 11 Oct 2015 15:36:03 +0000

Hi,

As the above code is for all submenu items, how can I change color only to one entry of the submenu?

To be clear, I have a menu called “Course” and five sub menus under it (course one, course two…). I need only “course one” in red. Is this possible?

Thank you in advance,

Thai — Sun, 11 Oct 2015 16:52:35 +0000

Hi There,

In this case, please provide us with your website URL so we can take a closer look?

Thanks.

contegi66 — Thu, 15 Oct 2015 15:05:48 +0000

This reply has been marked as private.

Rupok — Thu, 15 Oct 2015 16:37:13 +0000

Hi there,

Thanks for updating. You can add this code –

.menu-item-943 a {
  color: red;
}

Hope this helps.

Cheers!

contegi66 — Fri, 16 Oct 2015 11:25:05 +0000

X-antastic ! 😉

thanks

Paul R — Fri, 16 Oct 2015 12:43:57 +0000

You’re welcome! 🙂