How can I increase spacing between text and border?

Store Design
1

Hi,

does anyone know how to increase the spacing between the border and the text?

Juztean_0-1631086297585.png
Juztean_0-1631086297585.png668×337 18.1 KB

My code is:

1 Like
2

@Juztean

Please try following css class

.panel {padding-bottom: 20px;}

Thanks!

3

hii, @Juztean
Kindly share your store URL so,
I can solve your issue and give you a proper solution.
Thank you.

1 Like
4

Hi @Zworthkey ,

The url is: https://juz-fitness.myshopify.com/products/bamboo-tee, password is: traone

thanks

5

hii, @Juztean
paste this code on top of the bamboo-tree file.

button#section2 {
    margin-top: 15px !important;
}

Thank You.

1 Like
6

Hi @Zworthkey ,

This only works for the description. Is it possible to do it for all sections?

7

@Juztean
Can you mark in which section you want to increase the margin?
Thank You.

1 Like
8

Hi @Zworthkey ,

It doesn’t really work, I’m not sure if i am doing it correctly. Is it supposed to be:

button#description {
margin-top: 15px !important;
}

button#section2 {
margin-top: 15px !important;
}

button#section3 {
margin-top: 15px !important;
}

9

@Juztean
paste this code on top of the bamboo-tree file.

.accordion {
    margin-top: 15px !important;
}

Thank You.

1 Like
10

Hi @Zworthkey ,

sorry, it is not really working. This is the result:

Juztean_0-1631096803026.png
Juztean_0-1631096803026.png781×836 57.5 KB

only works for description

11

Hi @Juztean ,

You just need to add this css, it will work fine:

.panel p {
margin-bottom: 20px;
}

Hope this helps

If you find my answer helpful for you, please mark it as a solution. Thank you so much and good luck,

12

Hi @LitExtension ,

It works. Thank you very much