How to reduce white space between header and Collection title in Shopify Brooklyn Theme?

Store Design
1

Please see the attachment . How do I reduce the white space marked in the attachment .

1 Like
2

can you please share your website link? this will need css

3

@SurTri
Welcome to the Shopify community!
Thanks for your good question.

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

1 Like
4

Hi @SurTri ,

Please share your store URL and if your store is password protected then please provide password too.

So that we can help you.

Thank you.

5

my site URL is https://www.toai.in

6

my site is not password protected. The URL is : www.toai.in

7

Site URL is : www.toai.in

8

Hi @SurTri ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss->paste below code at the bottom of the file:
.template-collection .main-content {
    padding-top: 0 !important;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

9

Thanks a lot ! it worked.

How can I reduce the bottom padding?

1 Like
10 
.template-collection .main-content {
    padding-bottom: 0 !important;
}

@SurTri
try out this code.

11

Hi @SurTri ,

The part you say is between grid item and pagination or between pagination and footer?

Thanks you

12

Please see the attachment . The blue arrow and black text.

13

Nope , this did not work.

1 Like
14 
div#CollectionSection .section-header {
    margin-bottom: 0px !important;
}

@SurTri
Add this code in the bottom of the timber.scss file.

1 Like
15

Thanks a lot ! . It worked .

1 Like
16

@SurTri
Let me know if you need any more help.

1 Like
17

Absolutely !! you have been a great help.