Thin white space above header in Twenty Eleven

  • Unknown's avatar
    themabelkwong · Member ·

    I have adjusted the width of my blog here http://themabelkwong.wordpress.com and added a new header of the dimensions 1100px by 288px. There is now an ugly thin strip of white line at the top. How do I get rid of it?

    Here is some of my CSS code, using the Twenty Ten theme.

    #branding {
    background: url(“http://themabelkwong.files.wordpress.com/2012/08/big-banner-edit5.png”) no-repeat scroll center
    bottom transparent;
    height: 288px;
    }

    #branding img {
    display: none;
    }

    #access {
    margin-top: 288px;
    }

    Thank you!

    The blog I need help with is: (visible only to logged in users)

  • zandyring · Staff ·

    Ok, this is an easy one!

    In your #branding code above, change this one item:

    #branding {
    background: url("http://themabelkwong.files.wordpress.com/2012/08/big-banner-edit5.png") no-repeat scroll center <strong>top </strong>transparent;
    height: 288px;
}

    Everything else stays the same. It will just move your image from sitting on the bottom to sitting at the top of the container, and the line disappears.

  • zandyring · Staff ·

    That should read:

    background: url(“http://themabelkwong.files.wordpress.com/2012/08/big-banner-edit5.png”) no-repeat scroll center top transparent;

    Don’t put in the “strong” tags.

  • Unknown's avatar
    themabelkwong · Member ·

    Thank you very much! This worked like a charm!

  • The topic ‘Thin white space above header in Twenty Eleven’ is closed to new replies.