Geting rid of spacing in between images on product page

[monomgroup]

Hi!

We are trying to get rid of spacing in between images on product page. Please s. screen shot.

Any leads?

store url: www.mism.store

Thanks in advance!

Best,

team-mism

[Made4uo-Ribe]

Hi @monomgroup ,

Try this one.

1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
3. In the “Assets” folder, click on “base.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:
4. And Save.

ul#Slider-Gallery-template--18395375305049__main {
    gap: 0px;
}

• Result:

• 

• I hope it help.

[monomgroup]

Hi there, we uploaded some new products on the website. How would we need to amend the code so that it applies to the new product pages as well? Thanks in advance for your help

S. store url: https://mismstudio.com/products/eez-new-organic-oversize-shirt

best,

team mism

[Made4uo-Ribe]

Im not sure why they did not change when its just same code and selector.

Try this one.

1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
3. 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:
4. And Save.

slider-component#GalleryViewer-template--19134692950361__main ul#Slider-Gallery-template--19134692950361__main {
    gap: 0px
}

Result:

I change a bit the code.