• Currently the menu dropdown color is always the menu hover color. I would like the dropdown background color to be the same as the menu background, and only the one that I am hovering over to use the menu hover color.

    How can I do this?

Viewing 7 replies - 1 through 7 (of 7 total)
  • post your url so we can see the code and help you

    Thread Starter ddewig

    (@ddewig)

    https://www.cloudcountry.com

    Settings are: Menu Bar: #FEF0C4

    I have been able to get the dropdowns the right color by putting this in the CSS area for “Menu Bar hover BG: #FEDD58”

    #access2 ul ul a:hover > a {background: #FEF0C4; };#access2 ul ul a:active > a {background: #FEF0C4; }

    So the dropdowns match the menu, and the hover on the dropdown is the #FEDD58 color, but now I have no hover color on the menu bar itself. Which I would also like to be the #FEDD58 color.

    zonabi

    (@zonabi)

    I am wondering how to accomplish this as well, in the Twenty Ten default theme. Changing the DropDown’s Background Color is elusive.

    appreciate any tips

    zonabi

    (@zonabi)

    the dropdowns sure are picky, i made some progress by:

    adding this to my style.css per suggestion above:

    #access2 ul ul a {
    	background: #612246;

    but it didnt work, i also had to add the background to the #access ul ul { }; style, which ended up like this (has extra stuff in there from twenty ten theme):

    #access ul ul {
    	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
    	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
    	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
    	display: none;
    	position: absolute;
    	top: 38px;
    	left: 0;
    	float: left;
    	width: 180px;
    	z-index: 99999;
    	background: #612246; 
    
    }

    and it seemed to work in making the background color of dropdown what you want. seems u have to specify twice (which isnt normal or good practice) so it may be buggy. also noticed it messes up the line-height spacing for the LI list items in the dropdown, for those that are long and line-break they used to be small height to look better, now they space out too much)

    any tips appreciated.

    -z

    govpatel

    (@govpatel)

    @zonabi To make any change in default twenty ten theme it best to create a child theme as the chnages will be over written every time you update wordpress.

    To make changes in menu you need make change in menu css in child theme.

    govpatel

    (@govpatel)

    if you can paste your url so we can see what you have

    govpatel

    (@govpatel)

    @ddewig I see that you have weaver theme you should able to make changes in theme options.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘want menu dropdown color different than menu hover color’ is closed to new replies.