How To Make All The Product Images The Same Size

[Empirewaredrobe]

I want to make all my product images the same size to look better online. I already tried to look at this: https://community.shopify.com/c/shopify-design/how-to-make-all-the-product-images-the-same-size/m-p/... but i do not have theme.scss.css in my Assets. 

[Huptech-Web]

Hi @Empirewaredrobe 
To show all images on same size put below CSS to component-product-listing.css

.halo-collection-content .productListing .card-media img {
    height: 300px;
}

.halo-collection-content .productListing .card-media{
	padding-bottom: 100% !important;		
}

[nometalgear]

Where do I find component-product-listing.css??

I looked over on the theme code and it didn't exist, nor did I find the option to maintain same image size for products as suggested by the other user who replied to this thread.

[Dan-From-Ryviu · Accepted solution]

Hi @Empirewaredrobe 

You can go to Online Store > Themes > Customize > Theme settings > Set up for Product Card > check if it has the option to change all product image same size. 

[nometalgear]

I can't find that. Any other way?

[Vgudmand]

There is no "product cart" in my theme settings. 

I'm using impulse theme

[Grit-n-Grace]

Hi, 

I'm having the same issue that I'm trying to get all my photos to be the same size. I added the code to several spots but it is still not fixing the problem. I have the theme Dawn. And now the theme.liquid page has a whole lot of squiggle lines in the code. I'm scared I might have messed it up.