Chateau Header Image

• 

  theecotist · Member · Sep 14, 2011 at 9:11 am

  • Copy link
  • Add topic to favorites

  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: (visible only to logged in users)

• 

  thesacredpath · Member · Sep 14, 2011 at 10:00 am

  • Copy link

  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;
  }

• 

  theecotist · Member · Sep 14, 2011 at 10:09 am

  • Copy link

  Perfect, thanks a million

• 

  thesacredpath · Member · Sep 14, 2011 at 10:22 am

  • Copy link

  You are welcome.