I am trying to change the color of the top menu in 2011 theme

• 

  loopfly · Member · Mar 24, 2012 at 9:55 pm

  • Copy link
  • Add topic to favorites

  Hi,

  I am trying to change the color of the top menu in 2011 theme. I have paid for custom CSS and have successfully made additions but I am stumped on changing the color for the menu. Here is what I have tried pasting into my CSS:

  #access {
  background:#FFF;
  background:-moz-linear-gradient(#252525,#0a0a0a);
  background:-o-linear-gradient(#252525,#0a0a0a);
  background:-webkit-gradient(linear,0% 0%,0% 100%,from(#252525),to(#0a0a0a));
  background:-webkit-linear-gradient(#252525,#0a0a0a);
  -webkit-box-shadow:rgba(0,0,0,0.4) 0 1px 2px;
  -moz-box-shadow:rgba(0,0,0,0.4) 0 1px 2px;
  box-shadow:rgba(0,0,0,0.4) 0 1px 2px;
  clear:both;
  display:block;
  float:left;
  margin:0 auto 6px;
  width:100%;
  }

  Thanks for your help.

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

• 

  loopfly · Member · Mar 24, 2012 at 10:32 pm

  • Copy link

  Never mind got it :)

• 

  jeffdlawrence · Member · Mar 25, 2012 at 3:25 am

  • Copy link

  Would you mind telling the rest of us how you got it? Love to know. Thanks.

• 

  timethief · Member · Mar 25, 2012 at 4:28 am

  • Copy link

  Google search string
  how to change the color of the menu bar in twenty eleven site:en.forums.wordpress.com
  Search results how to change the color of the “pages” menu bar in twenty eleven

• 

  timethief · Member · Mar 25, 2012 at 4:29 am

  • Copy link

  Here’s more: 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. https://en.forums.wordpress.com/topic/menu-bar-changes-color-when-i-try-to-edit-css?replies=6#post-650764

• 

  loopfly · Member · Mar 25, 2012 at 11:53 am

  • Copy link

  Yes, I had to change more than just the first background color entry.
  I changed each color reference, in order to make a solid color bar.

  #access {
  background:#474719;
  background:-moz-linear-gradient(#474719,#474719);
  background:-o-linear-gradient(#474719,#474719);
  background:-webkit-gradient(linear,0% 0%,0% 100%,from(#474719),to(#474719));
  background:-webkit-linear-gradient(#474719,#474719);
  -webkit-box-shadow:rgba(0,0,0,0.4) 0 1px 2px;
  -moz-box-shadow:rgba(0,0,0,0.4) 0 1px 2px;
  box-shadow:rgba(0,0,0,0.4) 0 1px 2px;
  clear:both;
  display:block;
  float:left;
  margin:0 auto 6px;
  width:100%;
  }