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

Store Design
, , , ,
1

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
d5c5679838a3b0710e2e36e8c0f2c0a4.jpg1080×2400 153 KB

2

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;
}
  1. Save it and refresh

Screenshot .png
Screenshot .png1919×947 230 KB

3

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)

4

Thank you so much

5

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

6

https://ujdm204k6k5lz0u5-77134856465.shopifypreview.com/products_preview?preview_key=51449df30bae213a09b6e03c2a33c332

7

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

8

Hi @Anna0423

Please share your store URL