In this post, I will share some custom code to remove footer on Squarespace website.
Notes
- Adding Custom CSS to Home > Design > Custom CSS
- Adding !important to after, if CSS doesn’t work! for example: font-size: 20px !important;
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.