A user sought CSS code to standardize product image heights on their Shopify store using the Dawn theme, rather than manually resizing and re-uploading images.
Initial Attempt:
.product-media-container to base.css, but this didn’t workSolutions Provided:
CSS Class Correction: One respondent noted the class name was incorrect and suggested using .product__media-list or .product__media instead
Theme.liquid Method: Another user provided step-by-step instructions:
theme.liquid file<head> tagOutcome:
Hello! I would like all of my product images to be the same height. I know I could go through a resize them all and re-upload, but I’m wondering if there is any code I could use?
I have tried adding this to the bottom of my base.css but it didn’t work. I may have the wrong classes though!
Here is my URL and I am also using the Dawn theme - any help would be appreciated thank you! 
Example images below of the different height sizes.
Yeah, not sure where you got that product-media-container class. I have not seen it in the source code.
So try with
.product__media-list .product__media
Should work with no issues.
Hey @DesignedLeanne ,
Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.
Screenshot is for reference only, the correct code to paste is the one shown above.
This worked - thank you so much!
Thank you!!
