Need help? Check out our Support site, then


Thin white space above header in Twenty Eleven

  1. 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 themabelkwong.wordpress.com.

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

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

  4. Thank you very much! This worked like a charm!

Topic Closed

This topic has been closed to new replies.

About this Topic