Solved

How to make product grid photos larger on collection pages (Canopy Theme)

Arritt517
Visitor
1 0 0

Hello, I am trying to figure out how to easily enlarge the photos in the product grid in collection pages. I am using a bulk photo resize app and changing all the aspect ratios to square has already shown great improvement in size and uniformity, but it would be nice for the photos to be larger if possible without reducing the amount of photos in a row (4 on desktop and it’s a good size, 2 on mobile and it’s a little smaller than I’d like. Any help is appreciated!

 

My store is www.groovyglassware.com

Accepted Solution (1)

DavidEKim
Shopify Partner
392 131 190

This is an accepted solution.

Hi,

To make the image size a bit bigger on collection page, please add the code below to assets / styles.css file.

.product-grid.grid .column {
    padding: 0 !important;
}

 

If you resolve the issue, please click "Like" and "Accept solution".

If you still have the issue or have any questions, please let me know.

Hope it helps.

Thanks.

If helpful, please Like and Accept Solution.
Want to customize your store, please feel free to contact me.
PeopleVillage - Shopify Partner

View solution in original post

Reply 1 (1)

DavidEKim
Shopify Partner
392 131 190

This is an accepted solution.

Hi,

To make the image size a bit bigger on collection page, please add the code below to assets / styles.css file.

.product-grid.grid .column {
    padding: 0 !important;
}

 

If you resolve the issue, please click "Like" and "Accept solution".

If you still have the issue or have any questions, please let me know.

Hope it helps.

Thanks.

If helpful, please Like and Accept Solution.
Want to customize your store, please feel free to contact me.
PeopleVillage - Shopify Partner