cropping issues

Image height is being forced to a common value with this custom css:

.woocommerce ul.products li.product a img {
  height: 300px;
}

This css is in:
Dashboard > Appearance > Customize > Additional CSS

I suspect its been put there to make all the product blocks neatly the same size.

If you want neat same size product blocks without squashed or cropped images, you’ll need to make the images a common size before uploading.

You’ll get a significant improvement to the page by rethinking the tactical clothing image, since the aspect ratio of this is significantly different to the aspect ratio of the other images.

Thanks.
So should I leave the custom css there and try and edit all the thumbnail images to a set size and reupload?

Depends what you want to do. You could edit just the very tall image, remove the css so your images are not squashed or stretched but the product blocks are uneven, or for a best job, edit your images to a set aspect ratio and re-upload. In this case the css would not be needed. I think it will depend on how many images and how much time you you have.

We haven’t heard back from you in a while, so I’m going to mark this as resolved – if you have any further questions, you can start a new thread.