How To Remove Spacing Between Images In Product Description(In Custom Liquid Section)

Shopify Discussion
1

Hi,

I add a custom liquid section in product page for displaying the product description below the Product information section.However, there are white spaces or margins between image in description(rich text).

image.png
image.png287×306 10.1 KB

image.png
image.png797×610 69.8 KB

My product page url: Product page preview

Using Dawn 12.0.0 theme and the custom liquid code below:

Product Detail

{{product.description}}

How can I remove the spaces or margins ?

I have searched and tried some method in other topic in community,but it did not work.

Thanks :folded_hands:

2

Hi @ERCC

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

@media (max-width: 767px){

.t4s-product__description.t4s-rte p:last-child {

line-height: 0 !important;

}

.t4s-product__description.t4s-rte p:last-child img {

margin-bottom: 0 !important;

border: 0 !important;

}}

Hope that my solution works for you.

Best regards,

Henry | PageFly

3

Please update your code to this


## Product Detail
{{product.description}}
1 Like
4

It work!

Thanks again :heart:

5

Thank you for the help

1 Like
6

You are welcome :blush: @ERCC