Reduce and increase home page margins in sections (Brooklyn Theme)

Store Design
1

BBB Home Page Screen Shot 2022-03-14 at 12.11.23 PM copy.jpg
BBB Home Page Screen Shot 2022-03-14 at 12.11.23 PM copy.jpg545×241 17.5 KB

I’m desperately trying to do two things:

  1. Remove extra spacing at the bottom of HTML section (brown block) under my homepage header. I’d like that margin to match the on at the top of that section.

  2. Increase margin above “cookies & bars” which is my home page featured products section.

I’m using the Brooklyn theme.

URL is https://bellbottombakery.com. It’s currently password protected. Not sure how to share the pwd with anyone willing to help. This is my first time posting here. Thanks in advance!

1 Like
2

Hi @AMemenas ,

Your website is currently protected by a password. Can you share it with us?

Screen Shot 2022-03-15 at 8.39.33 AM.png
Screen Shot 2022-03-15 at 8.39.33 AM.png2880×1800 467 KB

Thanks you

3

@AMemenas

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:

Please share your site password,
I will check out the issue and provide you a solution here.

4

Hello! It’s yaibra. Thank you for looking into it.

5

Hi, Ketan. It’s yaibra. I appreciate your assistance.

6

Hi @AMemenas ,

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:
#shopify-section-16337269132ac478ee {
    padding-bottom: 20px !important;
}

#shopify-section-16337269132ac478ee * {
    margin-bottom: 0 !important;
}

#shopify-section-featured-products {
    padding-top: 20px !important;
}

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

1 Like
7

That did the trick! THANK YOU!!!