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?

Sam Crawford

by Crawford is led by Sam Crawford, a multi-award-winning Squarespace website designer with 700+ sites launched for clients in over 30 countries. He builds fast, mobile-friendly Squarespace 7.1 websites designed for SEO, clear structure, and conversion.

As a Squarespace Expert, Enterprise Partner, Circle Member, and community speaker, Sam is known for pushing the platform’s limits. With 200+ reviews, clients highlight by Crawford’s clarity, precision, and real-world results like higher rankings and stronger lead generation.

https://bycrawford.com
Previous
Previous

Add a Vertical Line to a Page on Squarespace [Easy Code]

Next
Next

How to Add a Contributor to a Squarespace Website