Support » How-To and Troubleshooting » Twenty Eleven, Space above Header (AGAIN)!

Twenty Eleven, Space above Header (AGAIN)!

  • Hi all,

    I have removed header text and am using a custom image as my header. I need the custom image to line up with my background image perfectly. I need to have ZERO space above my header image. How can I remove that space?

    I swear I found it two days (using firebug)ago but now I can’t find how I did it. I think it was in the HTML code (surprisingly). I thought the space was 30px so I created my BG image so that when custom header moves up 30px, it should line up (I hope).

    Anyway, I have a child theme, I am using Firebug. NO CAN FIND!

    Take a peek: http://wp1.bookeeze.com


Viewing 4 replies - 1 through 4 (of 4 total)
  • Moderator Michael


    Forum Moderator


    Can I put that in my child style.css?

    Where is the code that currently defines the existing space?

    Thanks a ton! Very fast response!

    Ok, I figured it out but thought I would post what I did thanks to the help of A the Sweeper.

    In style.css I found:

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

    When the margin property as seen above has two parameters after it, the first number (2em) represents the top and bottom margins, the second (auto)represents left and right.

    So I simply put the following code in my child style.css file:

    #page {
    margin: 0px auto;
    max-width: 1000px;

    It seems to have worked. I am hoping ti doesn’t cause some kind of problem as I continue to design teh page.

    Thanks again AtS.



    The Twenty Eleven theme has quite a bit of space after the site description. So if you want to keep that and reduce the space above your banner edit style.css like so:

    #site-description {
    color: #fff;
    font-size: 14px;
    margin: 0 270px 3.65625em 0; <<- delete or edit this

    JB 🙂

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Twenty Eleven, Space above Header (AGAIN)!’ is closed to new replies.