Add padding

Store Design
1

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

Image 30-08-2024 at 09.29.jpeg
Image 30-08-2024 at 09.29.jpeg1290×862 65.6 KB

1 Like
2

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

3

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:

4

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!

5

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

9.png
9.png671×643 28 KB

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

6

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!