Thin white space above header in Twenty Eleven

  • Author
    Posts
  • #988633

    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.

    #988746

    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.

    #988747

    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.

    #988936

    Thank you very much! This worked like a charm!

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