Hide Whole Footer on Single Page

Hi there! 

I think I've asked something similar before, but can't find it. I'm now trying to hide the footer on just this one page:

https://thisplusthat.com/newsletter

Does anyone know the custom code to pull that off?

Thank you!

24 minutes ago, tuanphan said:

Edit Newsletter page > Add a Code Block (any where) > Paste this code

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

If you use a Business Plan/higher, you can also add the code to Newsletter Page Header

As always, @tuanphan, you are my hero. Sincere gratitude!

@tuanphan is there a way to also have different footer on different pages?

I have 2 addresses&phone # for my business and i want some to have one adress and some to have another

On 7/13/2023 at 2:41 AM, asprikhodko said:

@tuanphan is there a way to also have different footer on different pages?

I have 2 addresses&phone # for my business and i want some to have one adress and some to have another

You can add 2 sections in Footer, then use this code to Page Header

This code will remove Top Section'

<style>
  footer.sections section:nth-child(1) {
  	display: none;
  }
</style>

This code will remove Bottom Section

<style>
  footer.sections section:nth-child(2) {
  	display: none;
  }
</style>

@tuanphan thank you so much!!

I am trying to accomplish this, and we have the Basic Commerce package; however, the Page Header Code Injection doesn't seem to work for us. Any idea what might be causing the issue?

17 hours ago, lildobber13 said:

I am trying to accomplish this, and we have the Basic Commerce package; however, the Page Header Code Injection doesn't seem to work for us. Any idea what might be causing the issue?

Can you keep code in Page Header + share link to 1 page? We can check problem easier

Hi Tuanphan, absolutely! Here is a test page with the code:

https://www.ellisporter.com/test-page-hide-footer

On 8/15/2023 at 3:46 AM, lildobber13 said:

Hi Tuanphan, absolutely! Here is a test page with the code:

https://www.ellisporter.com/test-page-hide-footer

Your site is not 7.1 version so you can't use above code.

You want to hide this section?

Use this code instead

<style>
  div#page-footer-wrapper {
    display: none !important;
}
</style>

That did it! Thank you!

How do we undo this, it worked but now I can't find the footer at all when I try to edit.

48 minutes ago, DiegoNacho said:

How do we undo this, it worked but now I can't find the footer at all when I try to edit.

Please see the following.

CSS code that you don't want to be active while in Preview, the selector should be preceded with.

html:not( .squarespace-damask ) 

Let us know how it goes.

Cool. Just needed disable scripts by adding /safe to end of the editing url page. It worked!