Reduce line height / spacing in product description

Solved

Reduce line height / spacing in product description

Bernard9
Shopify Partner
27 0 10

I would like to reduce the space between lines of all the text in the product description. i am using the Minimal theme: https://www.outbox.sarl/products/date-or-anniversary

Accepted Solution (1)

oscprofessional
Shopify Partner
16375 2441 3190

This is an accepted solution.

Hello Bernard9,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->timber.scss.liquid

.product-description.rte {
    line-height: 1.4;
}
Hire us | Pass Core Web Vital | B2B Wholesale Experts | Claim Your Free Website Review |
Connect with Us: WhatsApp | Skype: oscprofessionals-87 | Email: pallavi@oscprofessionals.com |
Custom Shopify SolutionsPrivate Apps, Theme Customization & SEO | Digital Marketing |
OSCP Apps: Discount Suite | Wholesale App | Bundle & Upsell | Shipping Discount | and more...

View solution in original post

Replies 3 (3)

oscprofessional
Shopify Partner
16375 2441 3190

This is an accepted solution.

Hello Bernard9,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->timber.scss.liquid

.product-description.rte {
    line-height: 1.4;
}
Hire us | Pass Core Web Vital | B2B Wholesale Experts | Claim Your Free Website Review |
Connect with Us: WhatsApp | Skype: oscprofessionals-87 | Email: pallavi@oscprofessionals.com |
Custom Shopify SolutionsPrivate Apps, Theme Customization & SEO | Digital Marketing |
OSCP Apps: Discount Suite | Wholesale App | Bundle & Upsell | Shipping Discount | and more...
pammy543
Tourist
6 0 0

I'm looking to do the same, but I don't have a file named Timber. I'm using the free debut theme. Any assistance is appreciated.

madkatshop
Visitor
1 0 0

To anyone who still has a problem with removing line breaks - I found an easier solution.

I have a text in the description box:

Paperback  :  190 Pages

 

ISBN ‏ : ‎ 9781407139272

 

To remove the line break, click on html button, and you should see this:

<p>Paperback  :  190 Pages</p>
<p>ISBN ‏ : ‎ 9781407139272</p>

 

To remove the line break, delete </p> after the first line (or after every line that has a line break you want to remove) and replace <p> at the beginning of the sentence with <br> (apart from the first sentence). You should have this as a result:

<p>Paperback  :  190 Pages
<br>ISBN ‏ : ‎ 9781407139272</p>

 

When you press the html button again, it will look like this:

Paperback  :  190 Pages
ISBN ‏ : ‎ 9781407139272

 

Hope that helps anyone 🙂