Blog Picture Issues

I'm having an issue on how the blog pictures are displayed. When I size the picture for the "featured image" area on the post, it's rectangular (longer in length), but on the main homepage, they are rectangular (longer in height)...so therefore, they don't show properly. How do I get the images to show properly on the blog page as well as the main homepage?

theme1.1stopnonprofitshop.com
http://theme1.1stopnonprofitshop.com/blog/

What size do the images need to be in order to not get cut off on the blog page?

 

Hi,

I have checked your site and didn't get any issue over there..

Thanks & Regards!
Priyanka
InkThemes.com

 

There are definitely issues....if you look at the second snapshot (capture1), you can only see "olunte." On the first snapshot, a little bit of volunteer gets cut off, but I just didn't size it to the correct size. So much more gets cut off on the second snapshot...the reason being the second one is much longer and not as wide as the first one. I don't know how to size the image so it looks good on both.

 

This is still an issue I'm having.

 

Hi,

Please paste the code given below in Custom CSS field of your dashboard and change the numeric value as per the requirement..

Code:

@media only screen and (max-width: 767px) and (min-width: 480px){
.content-wrap .blog img {
    max-width: 100%;
    width: 87%;
    height: 178px;
}
}
@media only screen and (max-width: 1260px) and (min-width: 960px){
.content-wrap .blog img {
    max-width: 100%;
    width: 87%;
    height: 178px;
}
}

Hope it will resolve your issue

Thanks & Regards!
Priyanka
InkThemes.com