Making Product Images the Same Size (Crave Theme)

[jmdnakano]

Hello there,

My site is Poison Frog (site currently set to private; the password is iavausus), and I’m currently using the Crave theme.

I wanted to ask for a way on making product images automatically crop to the same size. How it’s appearing currently is as follows:

I found another user with the same issue on the site, but the solution applicable to them doesn’t seem to work for the theme I had, so I thought to ask separately!

Thank you kindly in advance for any help in this.
-Jen.

[Dan-From-Ryviu]

Go to Online store > Themes > Edit code > find base.css

Add this code below at the bottom of your file, click Save button

.card--standard .card__inner { max-height: 241px !important; }

[PageFly-Victor]

This is Victor from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

Add this CSS at the bottom

Online Store ->Theme ->Edit code

Assets ->component-card.css

.card--card, .card--standard .card__inner {
    height: 360px !important;
}

Hope you find my answer helpful!

Best regards,

Victor | PageFly

[GemPages]

Hello @jmdnakano ,

Glad to support you today.

To can making product images automatically crop to the same size, you can checkout my suggestion below to make it:

1. Go to Edit code on Online Store:

2. Add my code above the tag on file Theme.liquid:

I hope you find the answer helpful .

Kind & Best regards,
GemPages Support Team.

[jmdnakano]

It worked perfectly, thank you so much!