WordPress.org

1. ericvolstad
   Member
   Posted 8 months ago #

   Hello all!

   I just put together my first WordPress site at http://www.earlcouncil.com. You'll see a 2-pixel high gray line just above the header image. How can I get rid of this? Can I also get rid of the rest of the 30-pixel page margin above the header image? My header image is exactly 1000 x 288 pixels, as prescribed for this template. I haven't done any coding at all; I've only used the WordPress appearance controls.

   Cheers,

   Eric

2. MJ14
   Member
   Posted 8 months ago #

   Go to your style.css and find this part of the code.

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

   Now change that to

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

   Problem solved.

3. alchymyth
   The Sweeper
   Posted 8 months ago #

   don't edit Twenty Eleven directly - create a child theme http://codex.wordpress.org/Child_Themes to make the edits in there.

   once you have your child theme working, add this to style.css of the child theme:
   

   #branding {
   	border-top: none;
   }

4. ericvolstad
   Member
   Posted 8 months ago #

   Wow! Alchynyth, MJ14 - thank-you both very much for the perfect advice. Thanks to you, I was able to quickly fix both problems. My wife says to pass along smiley-face-hugs to you both.

   Cheers,

   Eric

5. colinibberson
   Member
   Posted 5 months ago #

   Hello alchmyth,

   Thank you for this post. For the first time ever this newbie has:

   a. Created a child theme (lots of finger crossing)

   and

   b. Edited as explained above to lose the top border.

   Brilliant - thank you so much.

Reply

You must log in to post.