Change Header Color on ONE PAGE Only Squarespace

Did you know that it’s possible to change the header color of a single page on Squarespace?

One of the main reasons I do this is if a client’s logo is getting lost on certain pages. For example if they have a white logo and one of the pages on their website has a white background…you can see the problem.

What I need to do in that instance is change the header color of the page in question, and this is how I do it…

Watch the video

Check out the YouTube video below 👇

Head to Website > Pages and click on the cog icon for the relevant page. This will take you to the page settings.

Select Advanced and add the following code to the box that appears:

<style>
#header {
background: white !important;
}
</style>

You can obviously add whatever color you require to the code.

---

📩 Join the inner circle to get exclusive code updates

---

Hit save and you’re all done. Now of course if you want, you can do this to every single page, making every page header a different color. The choice is yours.

Don’t forget you can find more of my Squarespace tricks over on my YouTube channel!

---

Your designer

I'm Sam, an award-winning Squarespace web designer. I have worked with every type of business, building platforms for solo entrepreneurs through to multi-million dollar corporations. If you want to discuss a potential project, you can email on sam@bycrawford.com or get in touch with me here. Alternatively, you can book in a free 15-minute consultation call here.

---

Want more?