How to customize Dawn theme to make images the same size (square) on each of the collection pages

[Nice2CU]

I have searched for solutions to customize Dawn theme to make images the same size (square) on each of the collection pages but have not found the soltion yet. 

www.nice2cu.com has a number of collections that are linked from the navigation at the top.

For example https://nice2cu.com/collections/clubwear shows the images (product cards?) as different sized images.

I have already managed to tweak the home page of Dawn theme to display images that are all square and aligned but I have not discovered how to do this for the individual collections.

Please help 🙂

Nice2cu

[PageFly-Richard · Accepted solution]

Hi @Nice2CU ,

This is Richard from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/component-card.css->paste below code at the bottom of the file:

.product-card-wrapper .card__inner {
    --ratio-percent: 100% !important;
}

I hope it would help you
Best regards,

Richard | PageFly

[Nice2CU]

Awesome - Thank You Page-Fly Richard - You Are My Hero Today!

[liverpool]

Thank you for this solution!

[sheadaddy1717]

I tried to use this solution for the dawn theme but it did not work, please advise.  here is my store:  https://b720b7-2.myshopify.com/?_ab=0&_fd=0&_sc=1

[kescrane]

Did you ever find a solution? Your images appear to be square and in line with each other. I can't get the code to work for me  on the dawn theme.

[Humble-Bee]

I just tried this and it worked.  I am so happy since I am a work in constant progress.  Thank You.

[rachaelvp]

this worked for me! thank you so much!