How to Remove Footer in Squarespace (7.0 & 7.1)

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;
  • 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>

 

Share this post:

1 thought on “How to Remove Footer in Squarespace (7.0 & 7.1)”

Leave a Comment