Buy me a coffee

Squarespace: Remove Footer Code

(These codes for Squarespace 7.1 version. If you use 7.0, you can send me a message with site url, I will check and give new code)

How to Remove Footer on All Pages

Design > Custom CSS

/* remove header */
footer.sections {
display: none;
}

How to Remove Footer on One Page

Business Plan or higher, add to Page Header

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

remove-footer1-min

Personal Plan/Basic Plan, edit page > Add a Code Block at bottom of Page

remove-footer2-min

How to remove Footer on Cart Page

Design > Custom CSS

/* remove header */
body#cart footer.sections {
display: none;
}

How to remove Footer on Order Confirmation Page

body#order-confirmed footer.sections {
display: none;
}

How to remove Footer on Individual Blog Posts

Business Plan/Higher, Blog Page Header

<style>
/* remove footer */
body.view-item footer.sections {
display: none;
}
</style>

Personal Plan, Design > Custom CSS

/* remove footer */
body[class*="type-blog"].view-item footer.sections {
display: none;
}

How to remove Footer on Blog List Page

Business Plan/Higher, Blog Page Header

<style>
/* remove footer */
body.view-list footer.sections {
display: none;
}
</style>

Personal Plan, Design > Custom CSS

/* remove footer */
body[class*="type-blog"].view-list footer.sections {
display: none;
}

How to remove Footer on Shop/Store/Category Page

Shop Page Header

<style>
/* remove footer */
body.view-list footer.sections {
display: none;
}
</style>

How to remove Footer on Individual Products

Shop Page Header

<style>
/* remove footer */
body.view-item footer.sections {
display: none;
}
</style>

How to remove Footer on One Product

Edit Additional Info > Add a Code Block

<style>
/* remove footer */
footer.sections {
display: none;
}
</style>

How to remove Footer on Event List Page

Business Plan/Higher, Event Page Header

<style>
/* remove footer */
body.view-list footer.sections {
display: none;
}
</style>

Personal Plan/Basic Plan, Design > Custom CSS

/* remove footer */
body[class*="type-events"].view-list footer.sections {
display: none;
}

How to remove Footer on Individual Events

Business Plan/Higher, Event Page Header

<style>
/* remove footer */
body.view-item footer.sections {
display: none;
}
</style>

Personal Plan/Basic Plan, Design > Custom CSS

/* remove footer */
body[class*="type-events"].view-item footer.sections {
display: none;
}

How to remove Footer on Portfolio List & Individual Pages

Same as Event Page & Event Individual Pages