WordPress.org

Ready to get started?Download WordPress

Forums

Twenty Eleven, Space above Header (AGAIN)! (5 posts)

  1. pfarrelli
    Member
    Posted 2 years ago #

    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

    Thanks!

  2. alchymyth
    The Sweeper & Moderator
    Posted 2 years ago #

    #page{margin-top:0;}

  3. pfarrelli
    Member
    Posted 2 years ago #

    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!

  4. pfarrelli
    Member
    Posted 2 years ago #

    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.

    P

  5. John_Belcher
    Member
    Posted 1 year ago #

    Hi

    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 :-)

Topic Closed

This topic has been closed to new replies.

About this Topic