- This topic has 3 replies, 2 voices, and was last updated 8 years, 9 months ago by Puro Support.
Tagged: menu colours puro theme
- AuthorPosts
- December 18, 2015 at 7:57 pm #2801
swamParticipantHi,
Does anyone know which css class I need to change to alter the bg colour of the dropdown menu?
I can’t inspect the element as of course it retracts when the mouse is moved.
cheers
Sam
December 18, 2015 at 8:11 pm #2803
Puro SupportKeymasterHi Sam
Good to hear from you.
For interest sake, using Chrome Developer, you can right click on the drop down parent
li
element and then select the hover state. You can do the same for a link element in the drop down. It’s a very handy part of the Developer section.Ref: http://stackoverflow.com/questions/4515124/see-hover-state-in-chrome-developer-tools
All menu colours are changeable via Appearance > Customize > Theme Design in Puro Premium. The premium version is available for as little as $5 once off. You can check that offering out from Appearance > Puro Premium.
To make this change via a Custom CSS plugin or a child theme style.css file, use the following:
.main-navigation ul li:hover > a { color: #2ac176; } .main-navigation ul ul li:hover > a { background: #2ac176; }
Change the colour values as required. Hope that helps 🙂
December 18, 2015 at 8:18 pm #2804
swamParticipantHi,
Aha excellent. I have the premium theme, but had somehow totally missed that area in the backend!.
Thanks for the info.
cheers
Sam
December 18, 2015 at 8:21 pm #2805
Puro SupportKeymasterAwesome 🙂 Thanks for your support, it’s most appreciated. If anything else comes up, please, let us know.
Cheers.
- AuthorPosts
You must be logged in to reply to this topic.