In this post, I will share some custom code to remove footer on Squarespace website.
In this post
Notes
- Adding Custom CSS to Home > Design > Custom CSS
- Adding !important to after, if CSS doesn’t work! for example: font-size: 20px !important;
- Send me a message if you have any questions/the code doesn’t work (free).
- You can send a donation if this is helpful for you 😉
Remove Footer on Entire Site
Adirondack
/* Entire Site */ footer#footer { display: none; }
Avenue
/* Entire Site */ footer#footer { display: none; }
Aviator
/* Entire Site */ footer#footer { display: none; }
Bedford Template Family
/* Entire Site */ footer#footer { display: none !important; }
Brine Template Family
/* Entire Site */ .Footer { display: none !important; }
Farro
Include: Farro, Haute
/* Entire Site */ footer.Footer { display: none !important; }
Five
/* Entire Site */ div#page-footer-wrapper { display: none !important; }
Forte
/* Entire Site */ footer#footer { display: none; }
Galapagos
/* Entire Site */ footer.footer { display: none; }
Ishimoto
/* Entire Site */ div#footerWrapper { display: none; }
Montauk Template Family
/* Entire Site */ footer#footer { display: none !important; }
Native
/* Entire Site */ div#footerWrapper { display: none; }
Pacific Template Family
/* Entire Site */ footer#footer { display: none !important; }
Skye Template Family
/* Entire Site */ footer#footer { display: none; }
Supply
/* Entire Site */ footer#footer { display: none; }
Tremont Template Family
/* Entire Site */ footer.site-footer { display: none !important; }
Wexley
/* Entire Site */ div#footerWrapper { display: none; }
York Template Family
/* Entire Site */ footer#footer { display: none; } /* One Page */ <style> footer#footer { display: none; } </style>
Squarespace 7.1
/* Entire Site */ footer#footer-sections { display: none; } /* One Page */ <style> footer#footer-sections { display: none; } </style>
Remove Footer from One Page Squarespace
With One page. Add to Page Settings > Advanced > Header (If you use Personal Plan > Edit Page > Add Code Block > Add code)
Adirondack
<style> footer#footer { display: none; } </style>
Avenue
<style> footer#footer { display: none; } </style>
Aviator
<style> footer#footer { display: none; } </style>
Bedford Template Family
<style> footer#footer { display: none !important; } </style>
Brine Template Family
<style> .Footer { display: none !important; } </style>
Farro Template Family
<style> footer.Footer { display: none !important; } </style>
Five
<style> div#page-footer-wrapper { display: none !important; } </style>
Forte
<style> footer#footer { display: none; } </style>
Galapagos
<style> footer.footer { display: none; } </style>
Ishimoto
<style> div#footerWrapper { display: none; } </style>
Montauk Template Family
<style> footer#footer { display: none !important; } </style>
Native
<style> div#footerWrapper { display: none; } </style>
Pacific Template Family
/* One Page */ <style> footer#footer { display: none !important; } </style>
Skye Template Family
<style> footer#footer { display: none; } </style>
Supply
<style> footer#footer { display: none; } </style>
Tremont Template Family
<style> footer.site-footer { display: none !important; } </style>
Wexley
<style> div#footerWrapper { display: none; } </style>
York Template Family
<style> footer#footer { display: none; } </style>
Squarespace 7.1
<style> footer#footer-sections { display: none; } </style>
Thank you SO Much!
It works! Makes me feel like a hero, too. Thanks.
Dude, this was great. Helped me with a client’s page from having unnecessary redundancy in the footer.