Gray bar appearing on the top of my custom header

• 

  keishamathews · Member · Oct 12, 2011 at 12:56 am

  • Copy link
  • Add topic to favorites

  I created the header in photoshop and cropped it right on the black (at the top). But on my webpage, there appears a gray bar. Please advise. Thank you.
  Blog url: http://shesolditforme.wordpress.com/

• 

  designsimply · Member · Oct 12, 2011 at 3:04 pm

  • Copy link

  Your custom CSS is adding a border. Go to Appearance → Custom Design → CSS and look for this code block:

  #branding {
      border-top: 2px solid #BBB;
      padding-bottom: 10px;
      position: relative;
      z-index: 9999;
  }

  Remove this part:

  border-top: 2px solid #BBB;

• 

  keishamathews · Member · Oct 13, 2011 at 6:27 pm

  • Copy link

  thank you, i will give it a try!

• 

  keishamathews · Member · Oct 13, 2011 at 7:10 pm

  • Copy link

  When I click appearance > Custom Design > CSS, it shows a style sheet editor and in it is this ” /* Welcome to Custom CSS!…” but no code.

  Please advise, thank you kindly.

• 

  keishamathews · Member · Oct 13, 2011 at 7:17 pm

  • Copy link

  I did find a link that said “open original style sheet” which opens in Adobe GoLive. I did find the content there.

  How do I get the change to reflect in my page?

• 

  keishamathews · Member · Oct 13, 2011 at 7:22 pm

  • Copy link

  My apologies about all of the comments, I htink I got it! Thanks!! :)