Blog Page images vs. Single Post image sizes

Hi,
I cannot figure out how to fix this issue. The size of the image on the full blog page doesn't match the size of the single post image... the single post ends up being stretched vertically.
Refer to this page: http://thepoetsway.com/blog/ and check the single post.
Any help would be much appreciated.
Thanks.

 

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.post.single img{
height:auto!important;
}

 

Thanks for the reply, Gourav. I attemped this fix and it didn't work. Any other ideas?

 

Hello,
I have seen the source code of your website. You have done alot of custom coding there due to which this problem occur.
You have fixed the height of image 280px, due which the image seems stretched.
So, for this issue follow the steps given below.

1. Remove the code

Code:

.post.single img {
width: 350px;
height: 280px;
}

from custom code.
See image for reference.


2. Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.post.single img{
height:auto!important;
}

This will solve your issue.

Thanks.