WordPress.com

1. themabelkwong
   Member
   Aug 24, 2012, 2:01 PM

   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. zandyring
   Staff
   Aug 24, 2012, 2:31 PM

   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. zandyring
   Staff
   Aug 24, 2012, 2:32 PM

   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. themabelkwong
   Member
   Aug 25, 2012, 10:10 AM

   Thank you very much! This worked like a charm!

Topic Closed

This topic has been closed to new replies.