Custom sizing for featured images?
-
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: (visible only to logged in users)
-
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.
-
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 940×198. If you’re cropping, the image has be a minimum of 940×198 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.
- The topic ‘Custom sizing for featured images?’ is closed to new replies.