How to Remove the White Space below the Footer in Wordpress Site using CSS

Question

I have my site here. I am using a wordpress WOO Theme named Canvas. I can't figure it out how to remove the whitespace below the footer.

This is a screen shot of the issue.

Q: What is the easiest way to remove the space using CSS that conforms with the website standards?

Answer 1

The extra spacing is caused by the clearfix on #footer.col-full:after You can fix it with overflow:hidden on #footer.

Answer 2

I was having an issue where the footer would not sit at the bottom of my page correctly.

This is my first WordPress site, and may not be the "correctly accepted" fix among senior developers, but for me all I did was one CSS rule of:

body {
   height: 0px !important
}

To give me this result