Add padding

Hi everyone,

A short question, how can we add more padding between the last sentence of the description and the collapsible tabs.

URL is https://lunalucente.com/products/acne-clear-essentials-set

1 Like

In product.css look for .main-product__block .m-product-description and add padding-bottom: 20px or however much you’d like.

Example code below:

.main-product__block .m-product-description {
    line-height: 1.5;
    color: rgb(var(--color-foreground-secondary));
    padding-bottom: 20px;
}

Hope this helps

Simon

Hi @lunalucenteskin ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above tag:


Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code above the tag


Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!

Hello @lunalucenteskin
Go to online store ----> themes ----> actions ----> edit code---->main.css
search this code

.main-product__block-custom_liquid {
margin-top: 5px !important;
}

and replace with this code

.main-product__block-custom_liquid {
margin-top: 15px !important;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

Hi @lunalucenteskin ,

  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.liquid file
  3. In theme.liquid, paste the below code before

If my reply is helpful, kindly click like and mark it as an accepted solution.

Thanks!