WordPress.com

1. starrymantle
   Member
   Aug 26, 2012, 7:14 PM

   Hi all,

   I'm using Twenty Ten with a custom CSS layout. I changed the size of my header using this code in my CSS:

   
   #header img {
   height 300px;
   }

   That worked great. However, when I re-created and uploaded my posts' featured images to the same size, they don't display properly. The appeared stretched vertically.

   My main page can be seen here: http://starrymantle.wordpress.com/

   And an example of a post with the stretched featured image is here: http://starrymantle.wordpress.com/2012/08/22/fellowship-of-the-ring-gimli/

   In the second link, if you look at the properties of the featured image, you can see that it is shown to be the proper size (940 x 300), but still appears stretched.

   Could someone please help me out? It is much appreciated. Please let me know if there's any further info I can provide.

   The blog I need help with is starrymantle.wordpress.com.

2. starrymantle
   Member
   Aug 26, 2012, 8:46 PM

   Just wanted to add some follow-up info that might be helpful...

   I think what is happening is that the featured image "widget" is automatically cropping the featured images to a height of 198px, and then the cropped images are being "stretched" to a height of 300px by the code I listed in my original post.

   Hope this helps a little! I'd really appreciate any advice anyone is able to give.

3. designsimply
   Staff
   Aug 30, 2012, 4:20 PM

   The Twenty Ten theme wants custom header images to be 940 x 198 pixels. You will get the best result if you size the featured images you're setting to 940x198. If you're cropping, the image has be a minimum of 940x198 first or you may see some odd stretching like you described.

   I did look at http://starrymantle.wordpress.com/2012/08/22/fellowship-of-the-ring-gimli/ and the image doesn't look stretched to me right now, so perhaps you were able to solve this issue on your own.

Topic Closed

This topic has been closed to new replies.