Reduce White Space between Sections on Home Page (Brooklyn Theme)

Technical Q&A
1

Hello,

I have taken a look at quite a few posts about removing the white (negative) space in between sections on the Brooklyn Theme Home Page, but cant quite figure it out for my site. Here is the link to the site:

https://hexx-infused.myshopify.com

Password: mowpay

Especially the space from the Text “All Natural. 0 Sugar. 0 Calories” and the Image beneath

Thanks!

2

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:

div#shopify-section-1627309266f75a73fc {
margin: 0;
margin-top: -90px;
}

div#shopify-section-newsletter {
margin-top: 0;
}

div#shopify-section-162730854871d4312f .hero__controls.wrapper {
display: none;
}

div#shopify-section-1496177901425 .custom__item.one-whole.align--bottom-middle {
margin-bottom: 0;
}

div#shopify-section-1496177901425 .custom__item.one-whole.align--bottom-middle .rte {
margin-bottom: 0;
}

div#shopify-section-1496177901425 .custom__item.one-whole.align--bottom-middle .rte>div {
margin-bottom: 0;
}

div#shopify-section-1496177901425 .custom__item.one-whole.align--bottom-middle .rte>div h2 {
margin-bottom: 0;
}
3

Hello,

I am not able to find theme.scss.css, only .liquid, is that the same thing?

Thanks!