how to add spacing between images on the Product Grid

[lyndsayR]

currently there is no padding between all the product images on the collection carousel however I would like to add some padding between each one. I have tried to find how to do this in the css theme coding but have not been successful. 

Here is what it looks like currently...

I would like it to look more like this,.,,

[DMT-Andre]

Hey

If this is not built in to the Shopify theme customiser you would have to edit the code.

If you provide a link to your store I can have a look and send you the code so you can try it adding it.

Let me know what works best for you.

Thanks,

[Kinjaldavra]

Hello @lyndsayR 

Please share your shop url 

[dmwwebartisan]

@lyndsayR 

Please share store URL!

Thanks!

[lyndsayR]

Hi everyone, 

Thanks so much for your responses and the offer of support. 

My shop URL is: https://www.conscious.cleaning/

Many thanks, 

Lyndsay

[dmwwebartisan]

@lyndsayR 

Please add following code your assets/theme.css bottom of the file.

@media only screen and (min-width: 750px){
.product-grid--slider .collection-item, .product-grid--slider .product-item:not(.one-quarter) {margin: 0px 20px 0px 0px !important;}
}

Thanks!

[Kinjaldavra]

hello @lyndsayR 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media only screen and (min-width: 750px){
.product-grid--slider .collection-item, .product-grid--slider .product-item {margin: 0px 20px 0px 0px !important;}
}