WordPress.com Forums » Topic: How can I change the background color of the drop-down menu? http://en.forums.wordpress.com/topic/how-can-i-change-the-background-color-of-the-drop-down-menu WordPress.com Forums » Topic: How can I change the background color of the drop-down menu? en Sat, 18 May 2013 15:39:30 +0000 http://bbpress.org/?v=1.1-alpha-2539 designsimply on "How can I change the background color of the drop-down menu?" http://en.forums.wordpress.com/topic/how-can-i-change-the-background-color-of-the-drop-down-menu#post-1039267 Sat, 13 Oct 2012 17:07:30 +0000 designsimply 1039267@http://en.forums.wordpress.com/ Cheers :)

]]> skyblueguy on "How can I change the background color of the drop-down menu?" http://en.forums.wordpress.com/topic/how-can-i-change-the-background-color-of-the-drop-down-menu#post-1039206 Sat, 13 Oct 2012 16:12:20 +0000 skyblueguy 1039206@http://en.forums.wordpress.com/ It worked as I expected.
Really thanks for your help.

]]> designsimply on "How can I change the background color of the drop-down menu?" http://en.forums.wordpress.com/topic/how-can-i-change-the-background-color-of-the-drop-down-menu#post-1039178 Sat, 13 Oct 2012 15:37:07 +0000 designsimply 1039178@http://en.forums.wordpress.com/ 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/

]]> skyblueguy on "How can I change the background color of the drop-down menu?" http://en.forums.wordpress.com/topic/how-can-i-change-the-background-color-of-the-drop-down-menu#post-1037411 Thu, 11 Oct 2012 13:43:51 +0000 skyblueguy 1037411@http://en.forums.wordpress.com/ 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.

]]> zandyring on "How can I change the background color of the drop-down menu?" http://en.forums.wordpress.com/topic/how-can-i-change-the-background-color-of-the-drop-down-menu#post-1037371 Thu, 11 Oct 2012 12:27:36 +0000 zandyring 1037371@http://en.forums.wordpress.com/ 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

]]> skyblueguy on "How can I change the background color of the drop-down menu?" http://en.forums.wordpress.com/topic/how-can-i-change-the-background-color-of-the-drop-down-menu#post-1037324 Thu, 11 Oct 2012 10:11:22 +0000 skyblueguy 1037324@http://en.forums.wordpress.com/ 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?

]]>