Website Building » Squarespace » How Do I Add a Logo to My Footer in Squarespace?

How Do I Add a Logo to My Footer in Squarespace?

Last updated on October 1, 2022 @ 8:28 am

If you want to add a logo to your footer in Squarespace, there are a few different ways you can do it. One way is to add an Image Block to your footer, and then upload your logo image into that block. Another way is to use the Custom CSS feature to add your logo as a background image.

If you’re using the Image Block method, simply drag and drop an Image Block into your footer area. Then click on the image within the block and select “Change Image.” Upload your logo image and save your changes.

PRO TIP: Squarespace logo files must be less than 10MB in file size. If you have a logo file that is larger than 10MB, you will need to use a service like TinyPNG to compress the file size without losing quality.

If you want to use Custom CSS, you’ll first need to open up the CSS Editor. In the left sidebar, click on “Advanced” and then select “Code Injection.” Paste the following code into the box labeled “Footer Code”:

#footer-logo {
background-image: url(https://www.example.com/logo.png);
background-repeat: no-repeat;
width: 150px;
height: 150px;
}

Replace “https://www.png” with the URL of your own logo image. You can adjust the width and height values to make your logo image smaller or larger. Save your changes and you should see your logo appear in the footer area.

Drew Clemente

Drew Clemente

Devops & Sysadmin engineer. I basically build infrastructure online.