Even though the body is being set to 500px, all of the content, of course, takes up much more room and is going to overflow the body’s boundaries. You can try setting overflow:hidden;, but then your visitors aren’t going to be able to see the bottom part of the page.

The 500px was just an amount that I would be able to obviously notice. I’ve set a minimum height of the page to 1880px by using:

#main-content {
min-height: 1880px;
}

This is to do with using a plugin ‘The Events Calendar’.

So I would like to limit the page height by an amount around 700-800px but just looking for advice on how I can get it to work?

Thanks!