Change Background Color of Twenty Twelve drop down

  • Author
  • #1280736


    I’m having trouble changing the background color of the drop down menu in a Twenty Twelve child theme.

    The site is

    When you hover over “news and events” or “saddletime farm” I want a drop down to appear in purple with white text. Right now the drop down is almost transparent until you slide down then its gray.

    I’m modifying theme Twenty Twelve with a child theme.

    Also, would like to know if its possible to wrap wording in top menu items to two lines instead of stretching the menu onto two lines.




    You did not specify a blog address or reason for posting when you created this topic.

    This support forum is for blogs hosted at If your question is about a self-hosted WordPress blog then you’ll find help at the forums.

    If you don’t understand the difference between and, you may find this information helpful.

    If you forgot to include a link to your blog, you can reply and include it below. It’ll help people to answer your question.

    This is an automated message.


    I checked and it appears you have changed the theme to one called Suffusion.

    To just give you a small example to get you started, this will change the background to purple and the text color to white for submenu items in your current Suffusion theme:

    #nav.continuous li li a,
    #nav.continuous li li a:visited,
    #nav.continuous li li a:hover {
    	color: white;
    	background: purple;

    Since your blog is not hosted here at, you should ask for further help either in the volunteer forums at or from the theme author. Another option is to hire some help, and here is a form where you can ask about that if you are interested:

The topic ‘Change Background Color of Twenty Twelve drop down’ is closed to new replies.