Twenty Eleven: Gray line above header image

  • Hello all!

    I just put together my first WordPress site at https://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

Viewing 5 replies - 1 through 5 (of 5 total)

  • 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.

    don’t edit Twenty Eleven directly – create a child theme https://codex.www.ads-software.com/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;
}

    Thread Starter ericvolstad

    (@ericvolstad)

    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

    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.

    Amazing how I have exactly this problem, did this exact solution, but it did not work for me.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Twenty Eleven: Gray line above header image’ is closed to new replies.