Need help? Check out our Support site, then


Gray line showing up on top of custom header in twenty eleven theme

  1. complimentsfromsarah
    Member

    I changed the size of my header and added a custom image. I have been left with a gray line across the top of the custom header image and have not found a way to get rid of it. Any advice would be greatly appreciated. This is the code I used for the custom header:

    #branding img {
    height:200px;
    margin-bottom:-7px;
    width:1000px;
    display:none;
    }
    
    #branding > a {
    display:block;
    width:1000px;
    height:200px;
    background:url('http://complimentsfromsarahdotcom1.files.wordpress.com/2012/02/swirly-header-2.jpg') no-repeat;
    }

    My site is - http://complimentsfromsarah.com/

    The blog I need help with is complimentsfromsarah.com.

  2. To remove the gray line from above the header in the Twenty Eleven theme, add this to your Appearance → Custom Design → CSS page:

    #branding {
    border-top: none;
    }
  3. complimentsfromsarah
    Member

    awesome thank you so much, i thought i had already tried that but apparently i had it wrong. worked like a charm!

  4. Cheers :)

Topic Closed

This topic has been closed to new replies.

About this Topic