Need to reduce line spacing in product descriptions

Store Design
1

Hello, I need some help. I have been trying to reduce the spacing between lines on my product description page but have not had any luck. I use the Venue theme and here is the url - swaggr.com. Any help would be apreciated!

2

Hi @swaggr ,

Try adding this code to your CSS file in your code.

.product-single__content-text> p, product-single__content-text li {
line-height: 1.5 !important;

}

Hope this helps

3

Thanks. I’ll try that. Put that in assets theme.css?

4

@swaggr yes

5

That worked for the description! Thank you! It did not change the spacing between the bulleted points. Any idea what I can do to change that spacing?

6

@swaggr my apologies. I realized I missed a “.”. Replace the code I gave you with the updated version below. This should adjust both the description and the bullet points:

.product-single__content-text> p, .product-single__content-text li {
line-height: 1.5 !important;

}

1 Like
7

Incredible! This worked! Thank you so much!!

8

@swaggr my pleasure! Happy to help :slightly_smiling_face: