Jump to content

Hide Whole Footer on Single Page

Go to solution Solved by tuanphan,

Recommended Posts

  • Solution

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

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 6 months later...
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>

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 4 weeks later...
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

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
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?

image.thumb.png.0f8ff8b86e66ec7abfeebcf08b1d7e67.png

Use this code instead

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

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 2 months later...
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.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.