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/cl…

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…

this worked for me! thank you so much!

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

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.

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

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

Store Design

Nice2CU March 8, 2023, 1:51pm 3

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

Topic		Replies	Views
Make collection images adapt to size on collection pages (Dawn theme) Store Design design , customizations , collection-page , css , shopify-themes	1	22	December 12, 2023
How can I resize product images on the collections page using the Dawn theme? Store Design design , customizations , collection-page , css , shopify-themes	8	39	November 18, 2022
How do I change the size of collection featured image for dawn theme Store Design	9	163	September 14, 2022
How to change collection picture sizes in Dawn 2.0 theme? Store Design	6	47	June 8, 2022
How to make all Featured Collection product images the same size on Dawn Theme? Store Design	4	97	March 7, 2023

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

Related topics