Website Building » Squarespace » How Do I Change the Logo on One Page in Squarespace?

How Do I Change the Logo on One Page in Squarespace?

Last updated on December 12, 2022 @ 2:02 pm

There are a few ways to change the logo on one page in Squarespace. The first way is to use the Custom CSS editor. Go to Design > Custom CSS and enter the following code:

#logo {
background-image: url(https://example.com/logo.png);
}

Replace https://example.png with the URL of your logo image. Make sure the logo image is hosted on a secure (https) server, or it will not load in some browsers.

PRO TIP: If you are not comfortable working with code, we recommend contacting a developer to help you make this change. Making changes to your logo can have unintended consequences on your site if done incorrectly, so proceed with caution.

If you want to be able to switch between multiple logos, you can use the Page Header Logo option in the Page Settings panel. Go to the page you want to edit, click the gear icon in the top-right corner, and select Page Header Logo from the drop-down menu. Then click Change Logo and upload your image.

You can also use HTML to change the logo on one page. Go to Design > Custom CSS and enter the following code:

#logo {
background-image: url(< img src="https://example.png" >);
}

Replace https://example.png This method is not recommended, as it can cause issues with loading times and browser compatibility.

Drew Clemente

Drew Clemente

Devops & Sysadmin engineer. I basically build infrastructure online.