Here is a Possible Solution for stretched images

I added this code to custom CSS for the image stretching problem. It corrected it. I did not have to resize any images. I added this to the Geo Craft theme. Here is the code:

img { max-width:100% !important; height:auto !important;}

I hope this helps and works for you.
Ernesto Lopez
San Juan, TX

 

I'm trying it out Ernesto as I never seem to get things right- what does the !important wording do?

 

Nope, didn't fix my issue. I am getting frustrated with a lot of problems with this theme. The images should look professional, not cut off or stretched.

 

Hello,

Image will look professional if the inserted images are of correct dimensions. The exact dimension for the listing image is of width:448px and height:270px;. If the uploaded images are smaller or bigger than the specified dimension the image will be stretched, since the width is fixed in the theme to maintain the ideal listings page layout.

If you want you can however make the height auto through the Custom CSS so the feature image automatically adjusts the height depending upon the width of the image, so that if the image is bigger than specified dimension it will still look professional.

For that Paste the CSS code below in the themes options panel:

Code:

.flexslider .slides img {
max-width: 95%;
display: block;
width:448px;
height:auto;
}

 

Would it be sensible to use your code along side the smushit plugin to keep images sizes acceptably small

 

Yep - great plug in

 

Added to my site and it sure did reduce the size of some of the images..

Many thanks.