Jump to content

change background color on one specific page

Recommended Posts

Hi everyone,

I tried changing the background color on ONE page, by using the Advanced field in settings for that specific page. ( I use the brine template).
I used this code which i found on a blog and it worked according to the  pictures and guided steps on the blog:

.Main {
background-color: #f7eee9 !important;


however, it still affected some of the other pages. I read somewhere that adding a code there would only affect that page, so im confused as to why it changed the backgrounds on other pages too? Does anyone know how to get different background colors on different pages?

I'm not an experiences coder so bare with me 🙂


Screenshot 2021-06-10 at 14.13.44.png

Link to comment
  • Replies 4
  • Created
  • Last Reply

Top Posters In This Topic

  • 2 weeks later...
On 6/11/2021 at 5:30 AM, LaurelB said:

Try this in the advanced tab (replace with your color)


 body {background-color: black;}
 #canvas {background-color: black;}


If it doesn't work - send me the page link and i'll take a look!

Thank you, so instead of ”black” should i write it as for example #ffffff ? Because the colors i want cant really be described as just red or pink etc


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.