Hello,
I need help with reducing the spacing between lines of the product description that I highlighted in this picture. Here is the product page link: https://wowberrybites.com/products/10?variant=41706772070549
Thank you for your help
Topic summary
Main issue: reduce excessive line spacing in the product description on a specific product page (link provided), with an image highlighting the affected area.
Proposed solution: add a CSS rule at the end of the theme.min.css file to lower paragraph spacing: .product__description p { margin-bottom: 12px; }. The 12px value can be adjusted to achieve the desired spacing.
Clarifications: CSS (Cascading Style Sheets) controls visual styling; the margin-bottom property sets space below each paragraph. theme.min.css is the site’s minified stylesheet; adding the rule at the end ensures it overrides earlier styles.
Outcome: The original poster confirmed the fix worked and expressed thanks. No disagreements or alternative approaches were raised.
Status: Resolved; no outstanding questions.
Notes: A screenshot was used to pinpoint the area of concern, and the product page URL was shared for context.
@winnado11 - please add this css to the very end of theme.min.css file and check, adjust number as per need
.product__description p{margin-bottom: 12px;}
1 Like
@suyash1 thanks so much
@winnado11 - welcome, if you need anything then do let me know, you have my email below