Reduce white space bellow collection images

Solved

Reduce white space bellow collection images

Daniel19901
Shopify Partner
247 0 67

Hi, I'm trying to remove about 50% of the white space I have bellow my collection product images. 
Does anyone knows how can I do that?

 

Example collection: https://selfio-de.myshopify.com/collections/montagezubehor
Pass: sasa

 

That's how it looks like at the moment.

Daniel19901_0-1715186552740.png

 

Accepted Solution (1)

GabrielS
Shopify Partner
486 107 117

This is an accepted solution.

Hi,

 

You can achieve this by adding the below CSS at the end of your theme.css file.

.boost-sd__product-image-wrapper {
  aspect-ratio: 1 !important;
}

 

GabrielS_0-1715187089507.png

 

 

Cheers!

Gabriel Soare | Web Developer
Are you looking to customize your Shopify or to fix a website bug?
You can reach me through my website gabrielsoare.com, DM, or email [email protected].
Have I helped you? Like my post.

View solution in original post

Replies 2 (2)

GabrielS
Shopify Partner
486 107 117

This is an accepted solution.

Hi,

 

You can achieve this by adding the below CSS at the end of your theme.css file.

.boost-sd__product-image-wrapper {
  aspect-ratio: 1 !important;
}

 

GabrielS_0-1715187089507.png

 

 

Cheers!

Gabriel Soare | Web Developer
Are you looking to customize your Shopify or to fix a website bug?
You can reach me through my website gabrielsoare.com, DM, or email [email protected].
Have I helped you? Like my post.
greencloudnine
Visitor
2 0 0

And could you provide the same for a collection list?