Wanting to white out the background of one page

Hi AllI am hoping someone can help me. I have been onto the squarespace team and they sent me here...

I am wanting to remove the background from one of my pages on my website (landing page) so that all is shown is a few images and a few buttons.

I am currently using the code below but it seems to leave a thin line at the bottom which matches the color of my footer.

<style>
body #canvas {
    background-color: #fff;
}
 #header, #footer, #preFooter, #MainNavigation { display: none !important; }

</style>

https://threedone.squarespace.com/I am using the Bedford TemplateCan anyone help me remove that line?Thanks in advance!

@Bennorton

1. Add your code in code tag (101 010 icon in Tools bar)
2. Please share page url to check.

Great! Thanks, I didn't realise I had to do that

@Bennorton 1. Please setup password & share url. Your site is private. see how to: https://beaverhero.com/squarespace-how-to/#HowtoSetupPasswordShareSiteURL 2. Can you take screenshot of thin line?

Sorry, complete newbie here!threedone.squarespace.com

@Bennorton Add to Home > Design > Custom CSS

html, body, main#page, div#siteWrapper {height: 100%;}

Thank you for the help, that worked perfectly! I have so many more questions but I will save those for another time

@Bennorton You can create multiple questions. Or if you need a quick reply for all, you can also send me one.

Send me here: https://beaverhero.com/contact/

and Accept Answer & Upvote If it worked. Thanks.