Jump to content

Change colour background to each project

Go to solution Solved by tuanphan,

Recommended Posts

Site URL: http://davidzamorano.tv/

Hello Squarespace Forum,

Anybody knows how can I change the background colour on each project page of my site? Let's say my background colour page is white on my homepage, but I want it to be red on project 1 and blue on project 2 and so on. I'm using Foster template which doesn't allow me to do it on the Squarespace design panel. Any tip or help on this would be much appreciated!

Thanks for your time!


Link to comment

Edit project >> Add a Code Block (anywhere) >> Paste this code

  .Main, header.Header {
    background: red;


Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Thanks so much @tuanphan! Really appreciate that info.

Just wondering how can I add a colour to the footer background as well, without changing the colour of all the footers of my site. (please find attached)

Thanks again and I already owe you one!


Screenshot 2021-06-08 at 20.34.42.png

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.