Change the Background of a Section on Squarespace
If you want to change the background of a section in Squarespace, it’s super simple, and you’ve got plenty of options.
Whether you want a solid color, image, video, or even an art background, Squarespace gives you all the tools you need right in the editor.
In this guide, I’ll walk you through every background option step-by-step so you can create the perfect look for your site.
Step 1: Go Into Edit Mode
Open the page you want to edit.
Click Edit to enter page editing mode.
Hover over the section you want to change and click Edit Section.
Step 2: Open the Background Settings
Once you’re in Edit Section mode, click on Background.
Here you’ll see the main options:
Image
Video
Art
Color
Want a framework for designing the perfect homepage?
Need an expert to build your Squarespace website?
Book a free kick-off call with our team to discuss your project requirements in detail.
Change the Section Background Color
To use a solid color background:
Go to the Color tab.
Pick a color from your site’s palette.
Adjust the overlay opacity to control how much of the color shows over other elements.
Tip: If you have an image set as the background, your color change may not be visible unless you remove the image or increase the overlay opacity.
Add an Image Background
In the Background tab, click the + icon under “Image”.
Choose one of these options:
Upload a file from your computer.
Select from your library of previously uploaded images.
Use Unsplash stock images (built into Squarespace).
Browse Squarespace’s stock backgrounds, including patterns and gradients.
You can also:
Inset the image to keep a border around it.
Apply effects like parallax scrolling for a dynamic feel.
Adjust opacity for lighter or darker tones.
Add a Video Background
Squarespace allows you to upload videos of up to one minute in length.
Just click + under “Video” in the Background tab and upload your file.
This can be a great way to add movement and energy to your page.
Use an Art Background
Squarespace also offers “Art” backgrounds, animated or patterned designs you can customize with different colors and settings.
Note: While these can be fun, they may not fit every brand’s style. Use them selectively for playful or creative projects.
Bonus: Search Stock Images Directly in Squarespace
If you need a background image and don’t have one ready, Squarespace integrates with Unsplash:
Click Add Image.
Search for keywords (e.g., “cityscape”, “abstract”).
Click Add Image to instantly set it as your section background.
All images from Unsplash are royalty-free, so you can use them on your site without worrying about licensing.
Final Thoughts
Changing the section background in Squarespace is quick, flexible, and doesn’t require any coding.
From solid colors to parallax-scrolling stock images, you can completely transform a section’s look in just a few clicks.
