Website Building » Squarespace » How Do I Customize the Footer in Squarespace?

How Do I Customize the Footer in Squarespace?

Last updated on December 10, 2022 @ 5:46 am

There are many ways to customize the footer in Squarespace. You can change the color, add a background image, and even add custom HTML.

To change the color of the footer, go to Design > Custom CSS and enter the following code:

#footer {
background-color: #000;
}

To add a background image, go to Design > Custom CSS and enter the following code:

PRO TIP: Please be aware that customizing the footer in Squarespace can be a complex process. If you are not comfortable with code, we recommend using a pre-made footer template or contacting a Squarespace expert for help.

#footer {
background-image: url(https://www.example.com/image.jpg);
}

To add custom HTML, go to Design > Page Elements and drag a “Code” block into the footer area. Then paste your HTML code into the block.

Dale Leydon

Dale Leydon

Sysadmin turned Javascript developer. Owner of 20+ apps graveyard, and a couple of successful ones.