How to edit the top menu in Twenty Eleven

• 

  tineda · Member · Apr 14, 2012 at 10:58 am

  • Copy link
  • Add topic to favorites

  Hi,

  Im pretty new to wordpress and have been playing around with the Twenty Eleven theme.
  What I would like to change is the background colour of the bar, if its possible (which is black by default), but most importantly the menu, I want to add a few links next to “Home”.

  I tried out the menus and navigation configs but didn’t quite get that to work.

  Thanks for any help!

  The blog I need help with is: (visible only to logged in users)

• 

  tineda · Member · Apr 14, 2012 at 11:04 am

  • Copy link

  I figured out how to add links, but still trying to change the colour of the bar!

  Thans :)

• 

  zimonawhim · Member · Apr 14, 2012 at 1:51 pm

  • Copy link

  I’d love to change the menu bar color as well for this theme, but I don’t think you can. Hopefully someone has a way!

• 

  timethief · Member · Apr 14, 2012 at 4:43 pm

  • Copy link

  @sofanerds
  Hello there,
  This thread has been flagged so it will be moved to the CSS editing forum where you can get help. I also searched for you as this theme has been CSS edited many times and there are threads that have useful information for you.
  https://en.forums.wordpress.com/topic/help-changing-menu-background-color-in-twenty-eleven?replies=6#post-769206
  https://en.forums.wordpress.com/topic/how-to-change-the-color-of-the-pages-menu-bar-in-twenty-eleven-theme?replies=21#post-683100

• 

  timethief · Member · Apr 14, 2012 at 4:45 pm

  • Copy link

  @zimonawhim
  As all CSS editing is theme specific and this thread was started by sofanerds who is working with Twenty Eleven, will you please start your own thread for CSS editing ChaoticSoul by clicking this link > https://en.forums.wordpress.com/forum/css-customization#postform

• 

  zimonawhim · Member · Apr 14, 2012 at 6:02 pm

  • Copy link

  @timethief
  I’m confused about your comment to me…I use Twenty Eleven also.

• 

  timethief · Member · Apr 14, 2012 at 6:06 pm

  • Copy link

  @zimonawhim
  Oops! I’m sorry. I guess I was confused, so just ignore that “not enough coffee” comment please. :)

• 

  designsimply · Member · Apr 18, 2012 at 12:57 am

  • Copy link

  To change the background color of the top navigation in the Twenty Eleven theme, add this to your Appearance → Custom Design → CSS page:

  #access {
      background: darkred;
  }

  Adjust the color as necessary.

  There are a number of other color changes you can make to that menu including the hover color for each menu item as well as the font color and hover color. If you need help with those, let us know.