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
Topic summary
The original poster wants to reduce line spacing in product descriptions using the Minimal theme. A CSS solution is provided targeting .product-description.rte with line-height: 1.4, to be added in the theme’s timber.scss.liquid file.
Another user asks how to apply this to the Debut theme, which doesn’t have a Timber file—this question remains unanswered.
An alternative HTML-based approach is shared for manually removing line breaks: instead of using separate <p> tags for each line, keep content within a single <p> tag and use <br> tags between lines. This method works by editing the HTML directly in the description editor.
Key distinction: The CSS method adjusts overall line spacing globally, while the HTML method removes specific line breaks between individual text elements.
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;
}
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.
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:
Paperback : 190 Pages
ISBN ‏ : ‎ 9781407139272
To remove the line break, delete
after the first line (or after every line that has a line break you want to remove) and replace at the beginning of the sentence with
(apart from the first sentence). You should have this as a result:
Paperback : 190 Pages
ISBN ‏ : ‎ 9781407139272
When you press the html button again, it will look like this:
Paperback : 190 Pages
ISBN ‏ : ‎ 9781407139272
Hope that helps anyone ![]()
To add to my above comment - I have found even easier solution - if you are continually typing, the rows will be nice and tight. But the problem I had was with spacing after I pressed enter.
Solution - hold down Shift when pressing enter and it will only be a one line gap. Old way but works like a charm