Custom sizing for featured images?

  • Author
    Posts
  • #990189

    starrymantle
    Member

    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.

    #990356

    starrymantle
    Member

    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.

    #990583

    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.