Reduce line spacing in product descriptions in debut theme

Store Design
1

Hello. In my Debut theme, when I type the product descriptions, the text appear with what looks like double spacing when viewing on the actual site. Is there a way to modify this in the liquid code or by adding something to the css file? I’d like to have what appears as single spacing between most lines and add an extra space between each topic. I saw a previous thread about the topic but the solution involved files in the Minimal theme (timber files) which I don’t see in Debut theme files. Thanks in advance for help!

1 Like
2

Hi @TheBurpBoss

Please share your store URL and if your store is password protected then please provide password too. and take a picture of the part you want to edit

So that we can help you.

Thank you.

3

https://theburpboss.com/products/babyblue-white

Password: leistu

If you go into products, then open a product, one can see there is large spacing between the lines. I tried pasting in code per other threads but they were from mid 2020 so not sure if maybe they were for a previous version of the Debut theme? I’d like to have the spacing appear as single line spacing wherein I can just add a return between the sections.

Thanks!

4

@TheBurpBoss

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

5

Hi @TheBurpBoss ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css->paste below code at the bottom of the file:
.product-single__description p {
    margin-bottom: 5px !important;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

6

Thank You!!!