How To Remove Spacing Between Images In Product Description (on Debutify 4.8)

Store Design
1

Hello,
How To Remove Spacing Between Images In Product Description (on Debutify 4.8)
Thanks :folded_hands:

2

Hello @Hatimox , would you like to share your store URL. So, I can check further.

Regards,

Osama Farooqi

3

Hello Osama, thank you for your reply, here is the link: https://homeyfox-9478.myshopify.com/products/testtesttesttesttesttest
thanks in advance

4

Hi @Hatimox ,

Following these steps:

  1. Go to your online store → Theme → Edit Code

  2. Add the following code to the end of your theme.scss.css file

.product-single__description p {
    margin-bottom: 0;
}

Hope it’s useful to you @Hatimox !

5

Hello, thank you for your reply,
i couldn’t find any file by the name of theme.scss.css but i found theme.scss.liquid and i added the code but nothing changed

6

Hello @Hatimox , you can remove extra space from the bottom of these images by adding some custom CSS to ‘product.liquid’ or ‘main-product.liquid’.

Then it will look like this, feel free to ping me back if you need any further assistance :slightly_smiling_face:

osamafarooqi71 shopify developer shopify bug fix shopify theme customization font issue fix rome extra space product page product description .PNG
osamafarooqi71 shopify developer shopify bug fix shopify theme customization font issue fix rome extra space product page product description .PNG1920×910 98.6 KB

Regards,

Osama Farooqi