Add padding

[lunalucenteskin]

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

[BlackCro]

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

[BSSCommerce-HDL]

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 </head> tag:

<style>
.m-product-description.rte p:last-child {
    padding-bottom: 20px !important;
}
</style>

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 😍

[AnneLuo]

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 </head> tag

<style>
.m-product-collapsible button.m-collapsible--button {
    padding: 25px 0 !important;
}
.main-product__block.main-product__block-description .m-product-description.rte{
  margin-bottom: 30px !important;
}
</style>

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

[GTLOfficial]

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

[topnewyork]

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 </head>

<style>
.m-product-description.rte p:last-child {
    padding-bottom: 25 px !important;
}
</style>

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

Thanks!