Gray line showing up on top of custom header in twenty eleven theme

• 

  complimentsfromsarah · Member · Mar 3, 2012 at 8:04 pm

  • Copy link
  • Add topic to favorites

  I changed the size of my header and added a custom image. I have been left with a gray line across the top of the custom header image and have not found a way to get rid of it. Any advice would be greatly appreciated. This is the code I used for the custom header:

  #branding img {
  height:200px;
  margin-bottom:-7px;
  width:1000px;
  display:none;
  }
  
  #branding > a {
  display:block;
  width:1000px;
  height:200px;
  background:url('http://complimentsfromsarahdotcom1.files.wordpress.com/2012/02/swirly-header-2.jpg') no-repeat;
  }

  My site is – http://complimentsfromsarah.com/

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

• 

  designsimply · Member · Mar 6, 2012 at 3:17 pm

  • Copy link

  To remove the gray line from above the header in the Twenty Eleven theme, add this to your Appearance → Custom Design → CSS page:

  #branding {
  border-top: none;
  }

• 

  complimentsfromsarah · Member · Mar 6, 2012 at 4:45 pm

  • Copy link

  awesome thank you so much, i thought i had already tried that but apparently i had it wrong. worked like a charm!

• 

  designsimply · Member · Mar 6, 2012 at 9:38 pm

  • Copy link

  Cheers :)