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

• 

  hblume32336 · Member · Feb 27, 2012 at 1:08 am

  • Copy link
  • Add topic to favorites

  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 boarder still remains.
  I’ve copied my edited css for your perusal.
  Thanks
  Howard

  #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;
  }

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

• 

  timethief · Member · Feb 27, 2012 at 1:12 am

  • Copy link

  Please note that you did not not provide an active link starting with http:// to the blog in question. Staff provide CSS editing support but will not be available until Tuesday:

  Support will be closed this Sunday and Monday. It will re-open on Tuesday, February 28th. The forums are open over the break.

• 

  hblume32336 · Member · Feb 27, 2012 at 5:05 am

  • Copy link

  In Search of the Miraculous, Give or Take

• 

  designsimply · Member · Feb 29, 2012 at 3:37 pm

  • Copy link

  I’ve removed the black background but I’m still left with a gray boarder and a bottom drop shadow — surrounding the text.

  To remove the gray border and box shadow from the top menu on the Twenty Eleven theme, try this:

  #access {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  }

• 

  hblume32336 · Member · Mar 1, 2012 at 5:13 am

  • Copy link

  Thanks !

• 

  designsimply · Member · Mar 1, 2012 at 6:03 pm

  • Copy link

  Cheers! :)