Solved

Reduce white space bellow collection images

Daniel19901
Shopify Partner
116 0 15

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
481 106 114

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 hello@gabrielsoare.com.
Have I helped you? Like my post.

View solution in original post

Reply 1 (1)

GabrielS
Shopify Partner
481 106 114

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 hello@gabrielsoare.com.
Have I helped you? Like my post.