Custom Menu point mouseover colour

[charleyray]

Hi guys :-)

Thanks for a wicked theme!

Is it possible to have a custom colour for the menu point mouseover per page?

E.g. my menu is black on the whole site, but on my 'About' I'd like the menu mouseover colour to be pink, and on the 'Work' section I'd like the mouseover to be blue.

Been looking a lot of past questions / your documentation (https://laytheme.com/documentation.html#custom-css-styling) and I've tried playing around with Inspect function on google but can't see how to change the mouseover code.

Thanks so much!

Charley

[Richard]

Dear Charley

@charleyray

Are you able to post a link to your website with the menu points in question, it may be easier to do it this way! 🌝

---

Talk soon and have a wonderful day, thank you for the kind words about Lay theme

Sincerely

Richard

[charleyray]

Yes course - it's still very WIP.

So on my 'work' page the menu is black and goes green when the mouse goes over it.
https://charleyray.co.uk/work/

On my 'about' page, I'd like the menu to stay black but go pink ( #ff49e7 ) instead on the mouseover, so it matches the links in the text.
https://charleyray.co.uk/about/

Thanks :)

[Richard]

Dear Charley

@charleyray

Cool! thanks for the update, try out this code! 💥

.slug-about .menu-item span:hover {
    color:#ff49e7  
}

---

So we are saying:

On the page "about" > The "menu-item" > the "span" > When Hovering = Change color to #ff49e7

---

Hope this helps Charley, let me know how you go & have a wonderful day 🌝

Sincerely

Richard

[charleyray]

Thank you SO much Richard!!!!!