I have had a good look around the forums, however I can’t seem to find exactly what I am looking for.

I would like to change the colour of the ‘hover’ of the sub menu (drop down menu) to #ffc351, and the text colour (while hovering) to #292e77

Please refer to my website http://www.jjsteel.co.nz, and have a look at the sub menus.

I am using Integrity Light. You’ll notice I have changed the colour of the header itself, and also the sub menu (drop down menu) static colour.

Thanks a lot in advanced, loving using this theme as a newbie 🙂

Sam

Thanks for writing in and for your kind words! The following CSS should help you out in this matter:

body .x-navbar .x-navbar-inner .x-nav-collapse .sub-menu a:hover {
  color: #292e77 !important;
  background-color: #ffc231 !important;
}

Thanks!

While on this topic, I don’t suppose you could please also provide me with the CSS to make the selected page font colour #292e77 and the background colour #ffc351. Selected (meaning the sub menu item selected) – Hard to explain, however please check out this image as a reference.

Thank again! 🙂

Sam

It seems this has already been solved because your submenu already has a background.

Thanks.

Sorry, I mean when you select the page it is white background and white writing. As per picture 🙂

Thanks

To do so, just change the given code above with this one:

body .x-navbar .x-navbar-inner .x-nav-collapse .sub-menu a:hover,
body .x-navbar .x-navbar-inner .x-nav-collapse .sub-menu  .current-menu-item a {
  color: #292e77 !important;
  background-color: #ffc231 !important;
}

Hope that helps, cheers.