Footer

GENERAL ELEMENT COMPONENTS & CSS SNIPPETS

Select a Squarespace Element to Examine CSS Selectors:

Squarespace Element Description
The Footer The footer element that appears at the bottom of each page

 CSS Code Snippets for Customizing the Footer

Adding a border to the top of the footer

//Start: Border to top of footer section
#footer-sections {
    border-top: 1px solid #000000;
}
//End: Border to top of footer section

Hide the footer on a specific page

Add the following code snippet to the page header code injection of the page you want the footer to be hidden on, or go to the Specific Pages listing to see how you can hide the footer on specific pages using the body ID selector.

<style>
  /* Start: Hide the footer */
  #footer-sections {
      display: none;
  }
  /* End: Hide the footer */
</style>
Previous

Desktop & Mobile Navigation
Next

Page Sections