WordPress.com

1. skyblueguy
   Member
   Oct 11, 2012, 10:11 AM

   I changed the background color of the sub-menu.
   But I could not change the background color of the main drop-down menu even if I tried some suggestions found in Internet.

   How can I change the background color of the drop-down menu?

   The blog I need help with is mygodchristahnsahnghong.com.

2. zandyring
   Staff
   Oct 11, 2012, 12:27 PM

   You'll need to make this modification:

   .sub-menu {
       background-color: #000000 !important;
   }

   If you want the color to be something other than black, use a different hex code. Otherwise, you can just use this as shown. The color is currently set with an "important" declaration, so you will need one in your CSS to overwrite it.

   Good luck!
   -Z

3. skyblueguy
   Member
   Oct 11, 2012, 1:43 PM

   Thanks for your kind answer.

   I already added the script you suggested.
   But it changes the background color the sub menus only, not the background color of the main menus. (So yo will notice that the background color of the main menus and that of the sub-menus are different.)

   Thanks again for your help.

4. designsimply
   Staff
   Oct 13, 2012, 3:37 PM

   I read your original question as how to change the submenu (or drop-down) background color just like zandyring did. Sounds lik you really meant to ask how to change the background color of the main menu.

   Here's how to change the background color of the main menu of the Sight theme:

   .main-navigation {
   	background: beige;
   }

   Here's how to change the hover color of the main menu and submenu items:

   .main-navigation ul li:hover {
   	background: green;
   }

   Change the color names to color codes of your choice:
   http://automattic.github.com/Iris/

5. skyblueguy
   Member
   Oct 13, 2012, 4:12 PM

   It worked as I expected.
   Really thanks for your help.

6. designsimply
   Staff
   Oct 13, 2012, 5:07 PM

   Cheers :)

Topic Closed

This topic has been closed to new replies.