[Sam BParticipant]

Hi there,

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

[KoryKeymaster]

Hey 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!

[Sam BParticipant]

Works great! Thank you so much 🙂

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

[Sam BParticipant]

http://jjsteel.co.nz/111.png if that image doesn’t display

[ChristianModerator]

Hey Sam,

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

Thanks.

[Sam BParticipant]

Hi there,

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

Thanks

[SupportMember]

Hey Sam,

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.

[Sam BParticipant]

Works great, thank you so much for your help 🙂

[ChristianModerator]

You’re welcome Sam. Glad we could help.

[Author]

Posts