How can I reduce the space between images?

[oscaroline]

Hello

How can I decrease the gap between images?

[ZestardTech]

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

[oscaroline]

www.sundaypaloma.com

thank you

[ZestardTech]

Hello There,

Admin go to online store → themes → actions → edit code
Find Asset >base.css and paste this at the bottom of the file:

@media screen and (min-width: 750px){
.grid {
column-gap: 0px;
}

[niraj_patel]

Hello @oscaroline

You can add code by following these steps to reduce grid gap on products

1. Go to Online Store → Theme → Edit code.

2. Open your theme.liquid file

3. Paste the below code before on theme.liquid

@media screen and (min-width: 767px) { .product-grid.grid{ column-gap:0px !important; } slider-component.slider-mobile-gutter li{ padding:2px !important; } }

[PageFly-Victor]

Hi @oscaroline

This is Victor from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

Online Store ->Theme ->Edit code

Assets ->Base.css

@media screen and (min-width: 750px){
.grid {
     column-gap: 0px !important;
}
}

Hope you find my answer helpful!

Best regards,

Victor | PageFly