Help with coding - make Footer invisible on one page

Site URL: http://rust-coconut-kf7x.squarespace.com

I've tried a number of things based on information I got from other forums, nothing seems to be working.  Can someone please help?  (I know next to nothing about coding, so please be specific)

Thank you!

I found a great site that provided this code:

.header, #footer-sections {display:none!important;}

The code DID make my footer invisible, but also removed my Logo (header). So I altered the code a little, by removing ".header," (code now reads: "#footer-sections {display:none!import"), which reapplied my logo, but then added a blue bar at the bottom of the page. (see attached screengrab)

I considered it might be something that could be fixed with the color palette, so I played around with the theme I had set up, and changed anything of that light blue color (all were of no consequence) to the peach color that I want it to be, and none of them fixed the problem.

Any thoughts on how to fix this?

Hi Hilary,

you just need "footer" for 7.1 sites. you can do this in the Advanced bit of the page settings. add the following code

<style>
  footer { display:none !important }
</style>

if you can't do that because you're not on business/premium plan then just stick the same code in a code block on the page you want it to apply to

If the colour is causing a problem then this may be because the brownish colour is only being applied by the main section and your pages default background is that blue colour. you'll need to edit that in the main design part of the site if you want the default page colour to be that brown/orange colour

On 8/12/2021 at 2:54 PM, iamdavehart said:

Hi Hilary,

you just need "footer" for 7.1 sites. you can do this in the Advanced bit of the page settings. add the following code

<style>
  footer { display:none !important }
</style>

if you can't do that because you're not on business/premium plan then just stick the same code in a code block on the page you want it to apply to

If the colour is causing a problem then this may be because the brownish colour is only being applied by the main section and your pages default background is that blue colour. you'll need to edit that in the main design part of the site if you want the default page colour to be that brown/orange colour

Thanks for this. I did try the code you advised, it didn't resolve the problem with the coloring.

As I mentioned, I did try removing all of that light blue/gray color from the color "theme" in the main page, but it also did not resolve the problem. Evidently Squarespace did away with the whole "default theme" option, which is super convenient right about now. My guess is if I could change that, it would solve the problem. 

Squarespace seems to have picked a theme at random to be the default (every new page I start, I always have to change the theme - there is no way to change it, I've confirmed this with a Squarespace rep.). My only other thought is to manually change the theme THEY chose as the default (seems to be middle on the list - maybe that's how they choose?), and edit ALL of the color options to be set to the theme I actually want, and vice versa. It's a total pain in the neck, but I think it would resolve the issue.  I was just hoping there was some other fix.

All that said, I have tried everything you advised (thank you) but it did not work.

Any other thoughts?

Apparently the Squarespace app still has the option to set the default theme. Give that a go and let us know if that does the trick.

20 hours ago, creedon said:

Apparently the Squarespace app still has the option to set the default theme. Give that a go and let us know if that does the trick.

I had no idea there was an app! That worked, THANK YOU!!! solved two problems!