How can I set image grid spacing to 0 in my design?

[NachoBCN12]

I wnat to put no spaces between the grid of images. I've tried to change it through the design section, but it doesn't allow me to reduce it to less than 4 px. Could you provide me with the code to set that space to 0?

[Artzen_tech]

Hello @NachoBCN12 
Its Artzen Technologies! We will be happy to help you today.

You can try to follow these steps:

Go to Online Store -> Themes -> Actions -> Edit code.

Go Assets folder -> theme.liquid file.

Add the following code in the bottom of the file above </body> tag

<style>
.product__media-wrapper ul.product__media-list.contains-media {
    row-gap: 2px;
    column-gap: 2px;
}
</style>

like this :-

Let me know if need further assistance
Regards,
Artzen Technologies

[Made4uo-Ribe · Accepted solution]

Hi @NachoBCN12 

Its the product grid you mean?

Then try this one.

• From your Shopify admin dashboard, click on "Online Store" and then "Themes".
• Find the theme that you want to edit and click on "Actions" and then "Edit code".
• In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

.grid {
    column-gap: 0px !important;
    row-gap: 0px !important;
}

• And Save. 
• Result:
• 

[NachoBCN12]

And to delete the border of the images?? thank you very much!