Customise menu bar colour

• 

  kimberlysumner99 · Member · Apr 24, 2012 at 10:26 am

  • Copy link
  • Add topic to favorites

  I am new to all this, using Twenty Eleven. I would like to be able to customise the menu bar color so that it does not appear black. Thanks for all your help!! kimberly

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

• 

  skynasoarsblog · Member · Apr 24, 2012 at 5:01 pm

  • Copy link

  Change CSS

  #access{
  background:#your_color_here;
  }

  This works in Twenty Ten so it should work in Eleven

• 

  thistimethisspace · Member · Apr 24, 2012 at 5:08 pm

  • Copy link

  @kimberlysumner99
  Hi there,
  All CSS editing is theme specific. I did a simple forum search and found this. The menu bar in twenty eleven is actually a CSS3 linear gradient. The first color code in the background declaration is the top color, and the second is the bottom color. See here > https://en.forums.wordpress.com/topic/menu-bar-changes-color-when-i-try-to-edit-css?replies=6#post-650764
  Hope this helps
  (timethief)

• 

  designsimply · Member · Apr 25, 2012 at 2:03 am

  • Copy link

  Either of those options should work, updating the background property is the simplest way to do it.

• 

  kimberlysumner99 · Member · Apr 26, 2012 at 10:33 pm

  • Copy link

  Thanks for all your help guys, love it. k

• 

  timethief · Member · Apr 26, 2012 at 10:34 pm

  • Copy link

  You’re welcome from me. :)