Debut Theme - Change Product Image Size on Collection Page

[DearAbigael]

Hi there,

Our store is using Debut Theme and the Product Image Sizes on the Collection Pages are too small.

Our page is here: https://dearabigael.com/collections/dress-shop

There is another store using a very similar implementation of Shopify and they have the correct images here: https://www.marigoldmustang.com/collections/dresses

Screenshots

Current:

Desired:

I have fixed a similar problems on the homepage with the ‘featured collection’ section by using the steps outline in this support thread, but the same fix did not work for collections: https://community.shopify.com/c/Shopify-Design/Debut-Theme-Change-size-of-featured-collection-pictures/td-p/690402

Any help would be greatly appreciated

[dmwwebartisan]

@DearAbigael

Please add the following code at the bottom of your assets/theme.scss.liquid file.

.grid-view-item__image-wrapper {
max-width: 343px !important;
max-height: 540px !important;
}

#Collection .grid-view-item__image {
max-width: 343px !important;
max-height: 540px !important;
}

Hope this works.

Thanks!

[DearAbigael]

Perfect!

Many thanks @dmwwebartisan ! That got it!

Cheers,

Dear Abigael

[gertrudeseco]

What if I also want to change the image size of the featured collection

[lefteyes]

Hi,

Thanks for the solution but how can I put the texts at the same level?