WordPress.com

1. thomasdayphotographer
   Member
   Sep 14, 2011, 9:11 AM

   Hi

   I need help with the header image in Chateau. I can change the dimensions of the header image to 960x100px but can't upload the image in the normal way as it asks me to crop to 960x260px.

   How can I use CSS to display this image as a header image/banner? http://thomasdayphotographer.files.wordpress.com/2011/02/2011banner.jpg

   The blog I need help with is thomas-day.com.

2. thesacredpath
   Member
   Sep 14, 2011, 10:00 AM

   Once you modify either the width of a theme, or the size of a header image, you have to go directly to the CSS to add a header image since the header uploader will always try and crop to the original size. I've added a background declaration and set a height and width to match the image.

   #main-image {
   background: url("http://thomasdayphotographer.files.wordpress.com/2011/02/2011banner.jpg") no-repeat scroll 0 0 transparent;
   height: 100px;
   width: 960px;
   }

3. thomasdayphotographer
   Member
   Sep 14, 2011, 10:09 AM

   Perfect, thanks a million

4. thesacredpath
   Member
   Sep 14, 2011, 10:22 AM

   You are welcome.

Topic Closed

This topic has been closed to new replies.