How can I change the background color on one page?

I use Mercer template and wont to change only index page background color .at first I tried to use

 <style>
  body {background-color: pink;}
  #canvas {background-color: pink;}
</style>

than

.collection-[id] #content { background-color: [your color #]; }

all 2 examples not working for me

pls help me :((((

Hi @ghevond,

You need to add this code to Page settings | Advanced | PAGE HEADER CODE INJECTION :

<style>
.Header--top {
  background: lightblue;
}
.Main {
  background: lightblue;
}
.Footer {
  background: lightblue;
}
</style>

Hopefully this will help you.

If you need any more help, please write me a message or send me an email on support@spacedevs.com and I'm more than happy to solve your problem.

Also, feel free to visit our website (www.spacedevs.com) for great styles and designs for your Squarespace Website.

Kind regards,

SpaceDevs Team

Also, you can change the width of the border using this code:

.tweak-site-border-show .Site {
  border: 50px solid lightblue;
}