How to remove gap and border between product images in expanse theme

Solved

How to remove gap and border between product images in expanse theme

Fahad_Ahmad
Excursionist
21 1 2

hello designers. i am trying to find the code for padding of product images to remove broder and spacing between images but i am unable to find, can you please help me to find the code for this work in expanse theme.d5c5679838a3b0710e2e36e8c0f2c0a4.jpg

Accepted Solution (1)

Team_OSC
Shopify Partner
158 18 25

This is an accepted solution.

Hi @Fahad_Ahmad ,

 

If you want to remove padding from both side of the product image then

Follow these steps:

1. Open customization

2. Go to section of this product

3. Open Custom CSS

4. Paste this code

 

 

 

.grid-item {
  padding-left: 0px;
  padding-right: 0px;
  border: none;
}

 

 

 

5. Save it and refresh

Screenshot .png

View solution in original post

Replies 7 (7)

Team_OSC
Shopify Partner
158 18 25

This is an accepted solution.

Hi @Fahad_Ahmad ,

 

If you want to remove padding from both side of the product image then

Follow these steps:

1. Open customization

2. Go to section of this product

3. Open Custom CSS

4. Paste this code

 

 

 

.grid-item {
  padding-left: 0px;
  padding-right: 0px;
  border: none;
}

 

 

 

5. Save it and refresh

Screenshot .png

Fahad_Ahmad
Excursionist
21 1 2

i want to apply for all products, and i cant find the section, can you please have a look and help me?

my store link is

(df0a69.myshopify.com)

Team_OSC
Shopify Partner
158 18 25

Give me the product page URL where you want to remove gap and border

Fahad_Ahmad
Excursionist
21 1 2

Thank you so much

 

Anna0423
Visitor
2 0 0

Hi, I have exactly same problem. I tried what you suggested above, zero effect. What can i do?

 

Team_OSC
Shopify Partner
158 18 25

Hi @Anna0423 

Please share your store URL