can't remove menu/navbar gray boarders surrounding page categories

• 

  hblume32336 · Member · Feb 28, 2012 at 6:09 pm

  • Copy link
  • Add topic to favorites

  Working within the Twenty-eleven theme:
  Working within the Twenty-eleven theme: Customizing menu:
  
Objective: to eliminate the black background/horizontal navbar 
and have the menu/page categories appear as black text on a white page without background or boarders.

  I’ve removed the black background but I’m still left with a gray boarder and a bottom drop shadow — surrounding the text. I’ve gone as far as I can with the css but the menu boarder still remains.
  Thanks

  Howard
  http://loosendsdotme.wordpress.com/
  (body {
  padding:0 2em;
  }

  #page {
  max-width:1000px;
  margin:2em auto;
  }

  #branding hgroup {
  margin:0 7.6%;
  }

  #access div {
  margin:0 7.6%;
  }

  #primary {
  float:left;
  width:100%;
  margin:0 -26.4% 0 0;
  }

  #content {
  width:65.4%;
  margin:0 15% 0 2.6%;
  }

  #secondary {
  float:right;
  margin-right:2.6%;
  width:18.8%;
  }

  #access {
  background:#fff;
  display:block;
  float:left;
  width:85%;
  margin:0 50px;
  }

  #access ul {
  font-size:13px;
  list-style:none;
  padding-left:0;
  background:#fff;
  color:#222;
  margin:0 0 0 -.8125em;
  }

  #access li {
  float:left;
  position:relative;
  }

  #access a {
  color:#222;
  display:block;
  line-height:3.333em;
  text-decoration:none;
  padding:0 1.2125em;
  }

  #access ul ul {
  display:none;
  float:left;
  position:absolute;
  top:1.333em;
  left:0;
  width:188px;
  z-index:99999;
  margin:0;
  }

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

  #access ul ul a {
  background:#fff;
  font-size:13px;
  font-weight:normal;
  height:auto;
  line-height:1.4em;
  width:100px;
  padding:5px;
  }

  #access li:hover > a,#access ul ul :hover > a,#access a:focus {
  background:#fff;
  }

  #access li:hover > a,#access a:focus {
  color:#FF3707;
  background:#fff;
  }

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

  #access .current-menu-item > a,#access .current-menu-ancestor > a,#access .current_page_item > a,#access .current_page_ancestor > a {
  font-weight:bold;
  }

  #branding #searchform {
  position:absolute;
  top:3.8em;
  right:7.6%;
  text-align:right;
  }

  #branding #searchform div {
  margin:0;
  }

  #branding #s {
  float:right;
  width:72px;
  }

  #branding #s:focus {
  background-color:#f9f9f9;
  width:165px;
  }

  #branding #searchsubmit {
  display:none;
  }

  #branding .only-search #searchform {
  top:5px;
  z-index:1;
  }

  #branding .only-search #s {
  background-color:#fff;
  color:#222;
  border-color:#ccc;
  }

  #branding .only-search #s,#branding .only-search #s:focus {
  width:85%;
  }

  #branding .only-search #s:focus {
  background-color:#fff;
  }

  #branding .with-image #searchform {
  top:auto;
  bottom:-27px;
  max-width:195px;
  }

  #branding .only-search + #access div {
  padding-right:205px;
  }

  a {
  color:#3E4A53;
  text-decoration:none;
  }

  a:focus,a:active,a:hover {
  text-decoration:underline;
  }

  .assistive-text {
  position:absolute!important;
  clip:rect(1px,1px,1px,1px);
  }

  #access a.assistive-text:active,#access a.assistive-text:focus {
  background:#fff;
  border-bottom:1px solid #fff;
  color:#000;
  clip:auto!important;
  font-size:12px;
  position:absolute;
  text-decoration:underline;
  top:0;
  left:7.6%;
  } )

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

• 

  designsimply · Member · Mar 1, 2012 at 3:02 am

  • Copy link

  This question was already answered at https://en.forums.wordpress.com/topic/cant-remove-menunavbar-gray-boarders-surrounding-page-categories?replies=4#post-830037