Custom sizing for featured images?

  • Unknown's avatar

    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)

  • Unknown's avatar

    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.

  • Unknown's avatar

    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.