Need Help Constraining Photo Size/Proportions

Hello All!

I could use some help here - My theme doesn’t constrain photo size for thumbnails on my site, so they all look like different sizes (see below):

I want to get help making everything one size/having it all lined up like this:

I know I can have my theme align the photos by the middle or bottom, but it doesn’t seem to change anything.

Is there any way I can do this without manually without reuploading resized versions of all my product photos?

Thanks so much in advance for your help!

-Sara @Surfers Warehouse

https://www.surferswarehouse.com/

As one of the options, you can add the code at the very bottom of theme.css (theme.css.liquid) :

.product__media {
  height: 200px;
}

but there are more than 1,500 errors on your site. I would recommend you to make claims to your developer

Hey @LeoEcom - Thank you so much!

I’ll try the code. As for errors - what do you mean? What errors, and how can I fix them?

Thanks,

Sara @ Surfers Warehouse

Also - I just did that and it crops my photos if they’re bigger. It’s not really a solution for me as I need my pics to all be resized in the thumbnail, not just cut off. Any other tips?

I’m sorry - I don’t understand what those mean or how they affect my site. Are they slowing it down?

Please advise!