Website Building » Squarespace » How Do I Create a Custom Header in Squarespace?

How Do I Create a Custom Header in Squarespace?

Last updated on December 13, 2022 @ 9:39 am

Creating a custom header in Squarespace is a great way to add a personal touch to your website. You can use HTML to style your text and add images or logos to your header. To create a custom header, you’ll need to use the “Custom CSS” feature in Squarespace.

To begin, log in to your Squarespace account and enter the “Custom CSS” section under “Settings.” In the “Custom CSS” box, you’ll enter the code that will create your custom header.

You can use the following code to create a basic header:

<div class="header">
<h1>Your Header Text</h1>
</div>

You can also add images or logos to your header by including the image URL in the code:

<div class="header">
<img src="Your Image URL">
</div>

If you want to style your text, you can use HTML tags like <p>, <b> and <u>. For example, if you want your header text to be bold, you would use the <b> tag like this:

<div class="header">
<h1><b>Your Header Text</b></h1>
</div>

Once you’ve added the code for your custom header, be sure to click “Save” at the bottom of the page. Your new header will now appear on your website.

PRO TIP: If you are not familiar with coding, we do not recommend trying to create a custom header in Squarespace. Many people have tried and failed, resulting in a broken website.
Dale Leydon

Dale Leydon

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