Help removing white space between top and bottom of collection area

[techab]

I am trying to remove the white space between the bottom of the header (and the top of the footer) between the top and bottom for the featured collection area on my homepage. I removed the header margin and made it zero but I can't seem to figure out what code or what to edit to make this white bar disappear. Can someone help guide me?

Here is the link: https://0xyqxj-jv.myshopify.com/ it is running on a Shopify temporary link since I don't have a domain of my own to register yet as I am trying out Shopify.

[suyash1]

@techab - please open your page in customize settings and go to these sections, your have set padding top and bottom to them, reduce it to the number you want and check, it can look like this. If you want then you can contact me here or on my email below

[techab]

The padding for the featured collection section is set to 0 already. It seems to be an issue with the headline, if it is blank, it has white space, if I type in text, it fills the section with the background color but I would like to not have a headline or title so I am trying to remove the white space and just have the background color fill the gap. 

[suyash1 · Accepted solution]

@techab - add padding , else if we remove the space then it will look like this

[Made4uo-Ribe]

Hi @techab 

Check this one. 

1. From your Shopify admin dashboard, click on "Online Store" and then "Themes".
2. Find the theme that you want to edit and click on "Actions" and then "Edit code".
3. In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

footer.footer {
    padding-top: 0;
}

.grid.product-grid.contains-card.contains-card--product.contains-card--standard {
    margin-top: 0;
    padding-top: 20px;
}

• And Save.
• Result:
• 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!