Menu color wont change

• 

  theprimebook · Member · Jul 29, 2011 at 5:12 pm

  • Copy link
  • Add topic to favorites

  Hello!
  For some reason after adding an image above my header, my menu bar has changed colors from: #494849 to black.
  Can’t figure out why it is staying black. This is all the CSS code I have entered:
  #header {
  padding:30px 0 0;
  }

  #site-title {
  float:left;
  font-size:30px;
  line-height:36px;
  width:700px;
  margin:0 0 18px;
  }

  #site-title a {
  color:#4e4e4e;
  font-weight:bold;
  text-decoration:none;
  }

  #site-description {
  clear:right;
  float:right;
  font-style:italic;
  width:220px;
  margin:15px 0 18px;
  }

  #branding img {
  display:none;
  }

  #branding {
  background:url(‘http://theprimebook.files.wordpress.com/2011/07/header3.jpg?w=940’);
  height:272px;
  color:#595959;
  }

  ————————————–
  #access .menu-header,div.menu {
  font-size:13px;
  margin-left:12px;
  width:928px;
  height:54px;
  }

  #access .menu-header ul,div.menu ul {
  list-style:none;
  margin:0;
  }

  #access .menu-header li,div.menu li {
  float:left;
  position:relative;
  }

  #access a {
  color:#aaa;
  display:block;
  line-height:24px;
  text-decoration:none;
  padding:0 10px;
  }

  #access ul ul {
  box-shadow:0 3px 3px rgba(0,0,0,0.2);
  -moz-box-shadow:0 3px 3px rgba(0,0,0,0.2);
  -webkit-box-shadow:0 3px 3px rgba(0,0,0,0.2);
  display:none;
  position:absolute;
  top:38px;
  left:0;
  float:left;
  width:180px;
  z-index:99999;
  }

  #access ul ul li {
  min-width:180px;
  }

  #access ul ul ul {
  left:100%;
  top:0;
  }

  #access ul ul a {
  background:#4e4e4e;
  line-height:1em;
  width:160px;
  height:auto;
  padding:10px;
  }

  #access li:hover > a,#access ul ul :hover > a {
  background:#7e820d;
  color:#fff;
  }

  #access ul li:hover > ul {
  display:block;
  }

  #access ul li.current_page_item > a,#access ul li.current_page_parent > a,#access ul li.current-menu-ancestor > a,#access ul li.current-menu-item > a,#access ul li.current-menu-parent > a {
  color:#fff;
  }

  * html #access ul li.current_page_item a,* html #access ul li.current_page_parent a,* html #access ul li.current-menu-ancestor a,* html #access ul li.current-menu-item a,* html #access ul li.current-menu-parent a,* html #access ul li a:hover {
  color:#fff;
  }

  You can view my site at: http://theprimebook.wordpress.com/
  Thank you so much ahead of time.

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

• 

  timethief · Member · Jul 29, 2011 at 5:24 pm

  • Copy link

  Did you search the forums? I did and found this for you > https://en.forums.wordpress.com/topic/change-menu-bar-color-in-twenty-ten-theme?replies=37#post-525725

• 

  theprimebook · Member · Jul 29, 2011 at 6:08 pm

  • Copy link

  I did search but did not come up with that post. Thank you very much!

• 

  thesacredpath · Member · Jul 29, 2011 at 6:10 pm

  • Copy link

  You do not have a background declaration in the above for #access. Add this to your CSS.

  #access {
  background: none repeat scroll 0 0 #494849;
  }