- This topic has 4 replies, 2 voices, and was last updated 9 years, 6 months ago by Richard.
Viewing 5 posts - 1 through 5 (of 5 total)
-
AuthorPosts
-
September 15, 2014 at 7:08 pm #43903RichardMember
Hi there
I want to change the hover of the sub-menus when they drop down, eg under Specialist Partners on our site. I want the hover to be the same as when hovering over the main menu.
I know I’ll probably need some CSS for this, but it’s probably worth adding as an update in the next version to do it through the Theme Options.
Thanks
RichieSeptember 16, 2014 at 12:22 am #43915SakinKeymaster@Richard: Can you try adding in following css in “Appearance => Theme Options => Custom CSS” box.
#header-menu ul.menu .sub-menu li a:hover, #header-menu ul.menu .sub-menu li a:focus, #header-menu ul.menu .children li a:hover, #header-menu ul.menu .children li a:focus { background: #e5e5e5; /* Show a solid color for older browsers */ background: -moz-linear-gradient(#f9f9f9, #e5e5e5); background: -o-linear-gradient(#f9f9f9, #e5e5e5); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e5e5e5)); /* Older webkit syntax */ background: -webkit-linear-gradient(#f9f9f9, #e5e5e5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e5e5e5'); /* for IE */ color: #373737; }
September 16, 2014 at 1:30 am #43926RichardMemberHi Sakin
Thanks for the quick.
I’m afraid that doesn’t do anything.
Richie
September 17, 2014 at 12:21 am #43949SakinKeymasterHi Richard,
Some css in overwriting it. So, can you replace my previous css with the following and check in.
#header-menu #access ul.menu .sub-menu li a:hover, #header-menu #access ul.menu .sub-menu li a:focus, #header-menu #access ul.menu .children li a:hover, #header-menu #access ul.menu .children li a:focus { background: #e5e5e5; /* Show a solid color for older browsers */ background: -moz-linear-gradient(#f9f9f9, #e5e5e5); background: -o-linear-gradient(#f9f9f9, #e5e5e5); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e5e5e5)); /* Older webkit syntax */ background: -webkit-linear-gradient(#f9f9f9, #e5e5e5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e5e5e5'); /* for IE */ color: #373737; }
Regards,
SakinSeptember 17, 2014 at 12:37 am #43953RichardMemberThanks Sakin
That works now.
Richie
-
AuthorPosts
Viewing 5 posts - 1 through 5 (of 5 total)
- The topic ‘Change hover colour sub-menu’ is closed to new replies.