white space above footer

In 7.1, if I have a page with only one short section, a white space shows up between the bottom of the section and the footer. See example below - the white space is marked with a green "x". 

The only way I have been able to get rid of it is to make the section a LOT taller, but then the page looks very unbalanced. This has happened on several different sites, including sites without any custom code at all.

Any ideas for how to get rid of that white space that shouldn't be there?

Under Edit Section, what color is that section? What is the section height?

The section with the contact form is 10 rows tall, and it uses a color theme with a black background. 

The white area (with the green "x") is not actually a section - it is just some blank space that appears between the section containing the contact form and the footer section.

Have you solved it yet? If you still need help, please share link to page in screenshot, we can check easier

I haven't solved it yet. The problem occurs on several pages on different sites, but here is the link for the one in the screenshot: https://poodle-gecko-3tan.squarespace.com  (password is: hello). Thanks!

22 hours ago, rani said:

I haven't solved it yet. The problem occurs on several pages on different sites, but here is the link for the one in the screenshot: https://poodle-gecko-3tan.squarespace.com  (password is: hello). Thanks!

Because the total height of the sections is lower than the height of the screen, it will appear empty. And that space will use Site Background Color (Design > Site Styles > Colors)

Add to Design > Custom CSS

body.homepage {
    background-color: #c2c2c2;
}

Hello! Could someone help me change the CSS above to apply sitewide? Many thanks

7 hours ago, hansworks said:

Hello! Could someone help me change the CSS above to apply sitewide? Many thanks

Use this

body {
    background-color: #c2c2c2;
}

Thank you sooooo much! no more white space above footer on short pages.

I am also experiencing this same issue. 

I have attempted to use the above CSS code with no luck.

Website: https://moose-oleander-hysx.squarespace.com/about (pswd: hello)

Any help would be great.

23 hours ago, NateSutton said:

I am also experiencing this same issue. 

I have attempted to use the above CSS code with no luck.

Website: https://moose-oleander-hysx.squarespace.com/about (pswd: hello)

Any help would be great.

Use this code to Custom CSS box

#collection-6538b51af5e0787724de0e92 {
	background-color: #000 !important;
}