How do I change the padding between product images?

[TapestryCulture]

Hi,

I’d like to minimalise the space between the images in all my collections. The buttons touch but there is a lot of white space that I’d like to remove. I’m using the venture theme and have included an image to help.

Many thanks,

Bryn

[dmwwebartisan]

@TapestryCulture

Please share your website URL and password if any. I will check and provide a solution here.

Thanks!

[KetanKumar]

@TapestryCulture

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

[TapestryCulture]

Hi, my site is www.tapestryculture.com

[KetanKumar]

@TapestryCulture

Thanks for the details

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.product-card {
    padding: 25px 10px; /* change value as you like Top and Bottom = 25px  -  Left and Right = 10px*/
}

[EasyThemeEditor]

Hey @TapestryCulture , if you don’t want to write any code, you can give our Easy Theme Editor a try. If you’d like a free coupon code, just email us at code.monkeys.69@gmail.com with your store link.

[TapestryCulture]

Great all sorted, thankyou very much

[KetanKumar]

@TapestryCulture

Thanks for the update and support.

[malikaclover]

Hello,

I’ve tried the code above however, it did not work.

My website URL is:

https://malikaclover.com/collections/frontpage

Password: CloverMal10

[malikaclover]

I am trying to have all the framed images side by side without any gaps/spaces in the row.

[KetanKumar]

@malikaclover

oh sorry for that issue can you please share store url

[malikaclover]

My website URL is:

https://malikaclover.com/collections/frontpage

Password: CloverMal10

[KetanKumar]

@malikaclover

Thanks for detail you have easy to change this

just go to customization >>> Theme Setting >>> product card make you have change it horizontal spacing

[malikaclover]

I’ve tried that, it did not work