Change the Default Background Colour of Your Squarespace Website
One frustrating feature of Squarespace is the fact that there’s no option to change the entire background colour of a website.
Instead, to do so you need to use some custom code. Luckily, I’ve got the code you need!
Watch the video
Check out the YouTube video below 👇
Want a framework for designing the perfect homepage?
Once you’ve added your page to your Squarespace website, if you have sections that don’t quite fill the page, you’ll see a background colour filling the gaps.
Believe it or not, there’s no way to natively change that colour. To change it you’ll need to add some code.
Head to Pages > Website Tools > Custom CSS and add the following code into your custom CSS box:
body {
background: #000000;
}
This code targets the body of your website, e.g. the whole website, and its background. You can then input the colour code for the colour you want to change the background to.
Hit save, and you’ll have changed the default background colour of your Squarespace website!
Need an expert to build your Squarespace website?
Book a free kick-off call with our team to discuss your project requirements in detail.
