WordPress.org

1. ddewig
   Member
   Posted 1 year ago #

   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?

2. govpatel
   Member
   Posted 1 year ago #

   post your url so we can see the code and help you

3. ddewig
   Member
   Posted 1 year ago #

   http://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.

4. zonabi
   Member
   Posted 1 year ago #

   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

5. zonabi
   Member
   Posted 1 year ago #

   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

6. govpatel
   Member
   Posted 1 year ago #

   @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.

7. govpatel
   Member
   Posted 1 year ago #

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

8. govpatel
   Member
   Posted 1 year ago #

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

Topic Closed

This topic has been closed to new replies.