Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #43903
    Richard
    Member

    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.

    http://www.tefc.co.uk/

    Thanks
    Richie

    #43915
    Sakin
    Keymaster

    @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;
    }
    #43926
    Richard
    Member

    Hi Sakin

    Thanks for the quick.

    I’m afraid that doesn’t do anything.

    Richie

    #43949
    Sakin
    Keymaster

    Hi 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,
    Sakin

    #43953
    Richard
    Member

    Thanks Sakin

    That works now.

    Richie

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Change hover colour sub-menu’ is closed to new replies.