How can I decrease padding in the Brooklyn Theme?

Store Design
1

HI

I am wondering about how can I reduce the padding for rich text part .

I want to reduce top and bottom padding because it’s too big for me .I have tried a lot of solutions in theme.scss.liquid ,but it didn’t work .

I don’t know if support for SCSS has been deprecated in templates on Shopify .

Pls help me !

Url: sales.bellissimochina.com

LEUNGGUOTAO_0-1626854022941.png
LEUNGGUOTAO_0-1626854022941.png1840×529 65.1 KB

1 Like
2

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

3

My URL : sales.bellissimochina.com

Thanks

1 Like
4

Hello There,

1.In your Shopify Admin go to online store > themes > actions > edit code
2.Find Asset >theme.scss.css and paste this at the bottom of the file:

.index-sections .shopify-section {
margin-top: 35px!important;
}
5

@LEUNGGUOTAO

Please add the following code at the bottom of your assets/theme.scss.liquid file.

div#shopify-section-162614941816744220 {
    margin-top: 20px;
}
div#shopify-section-1626148358b01c5fb0{
margin-bottom: 20px;
}

Hope this helps.

Thanks!

6

Thanks !

If it’s possible I want to edit the gap betwwen header and content?

And also it will change the gap when we browse on smart phone?

7

hello @LEUNGGUOTAO

can you please share a screenshot of which section do you want to reduce space