Images in Dawn theme are not the same size or too large.

[Gladstonehifi]

I have recently moved to Dawn Theme and finding that the product tiles are not the same size in search results.   Also the images in their own product page are huge.  I would like the images to fit within a square size in my search results, and not be any larger than a certain size, unless you click on the image to expand it.   I've tried a few suggestions from the community site, but nothing seems to be working for me.

It's been a long time since I've played around with the themes, but I can follow clear instructions.

I'd appreciate any help you could give please.

some images are

[Moeed]

Hey @Gladstonehifi 

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

[tim · Accepted solution]

What setting have you selected here:

And since it's a per-section setting you'd need to check it in collection section, search results section, recommended products as well.

When you select "Square", theme will crop images by default. To scale them down instead, you may add this to the "Custom CSS' setting of these sections:

.card__media img {
  object-fit: contain !important;
}

[Gladstonehifi]

Fantastic, thank you Tim.  I hadn't changed to square in all the sections, and defiantly needed the extra coding to stop the image being cropped.  

[Bundler-Manuel]

Hey there @Gladstonehifi  if you aren’t too proficient with using codes, here’s a way you can fix this without using any code but with the help of an app

1. Go to your Shopify dashboard and click on Apps.
2. Visit the Shopify app store and search for Photo Resize.
3. Install the app and let it analyze your shop images.
4. Preview the recommended images and resize them.
5. Check to see if the pictures in your store are all the same size. 

Give this a try and let me know if it works for you!

[Dan-From-Ryviu]

Hi @Gladstonehifi 

You can solve it by changing option of Image ratio from Adapt to image to Square or Portrait in Online Store > Themes > Customize > click Homepage dropdown menu > Collections > Default collection 

[Gladstonehifi]

Hi Dan-From-Ryviu.  I had a look at your suggestion, but square was already selected. 

[Gladstonehifi]

Thank you anyway.