Wix Editor: Customizing Your Page Background | Help Center

Learn how to use Wix to build your site and business.

Design and manage your site using intuitive Wix features.

Manage subscriptions, plans and invoices.

Run your business and connect with members.

Learn to purchase, connect or transfer a domain to your site.

Get tools to grow your business and web presence.

Boost your visibility with SEO and marketing tools.

Get advanced features to help you work more efficiently.

Find solutions, learn about known issues or contact us.

Improve your skills with our courses and tutorials.

Get tips for web design, marketing and more.

Learn to increase organic site traffic from search engines.

Build a custom site using our full-stack platform.

Get matched with a specialist to help you reach your goals.

Wix Editor: Customizing Your Page Background

7 min

In this article

Choosing a page background color
Adding an image to your page background
Adding a video to your page background
Customizing the overlay of your video background
FAQs

Customize your page background to reflect your individual style and create an immersive experience for your visitors. A thoughtfully selected background can set the tone for your site, making it more memorable and engaging. By using unique colors, images, or videos, you can enhance your site's background to complement your content and create a dynamic experience.

A video page background playing on a live Wix site.

Choosing a page background color

The colors you choose for your background play an important role in how visitors perceive your site. Choose from predetermined color themes or add your own custom colors. You can change the background color per site page, or apply your chosen color to all pages in one click.

A live Wix site with a pale purple page background.

To choose a page background color:

Go to your editor.
Go to the relevant page.
Click Site Design on the left side of the editor.
Click Page Background.
Click Color.
Select an option from your site's theme colors, or add a custom color under My colors.

Tip:

Click Apply to Other Pages at the bottom of the panel to add the background to other pages on your site.

Image showing a color being selected as a page background.

Adding an image to your page background

Select an image background for your page to give it a sense of depth. Upload your own, add a free Wix / Unsplash image, or purchase a Shutterstock image. You can customize settings like the image's opacity, scale or positioning, and even add scroll effects (e.g. Parallax).

To add a background image:

Go to your editor.
Click Site Design on the left side of the editor.
Click Page Background.
Click Image.
Choose what you want to do:

Upload your own image

Add an image from your site files

Add an image from Wix, Unsplash or Shutterstock:

Tip:

Adjust the settings of your background image (e.g. scaling, position) so it fits your design and complements your content.

Adding a video to your page background

Wow your visitors and add artistic detail to your site with a video background. You can upload your own video, add a free Wix video, or purchase a professional Shutterstock video.

To add a video to your page background:

Go to your editor.
Go to the relevant page.
Click Site Design on the left side of the editor.
Click Page Background.
Select Video.
(In the Media Manager) Choose what you want to do:
- Upload your own video:
  1. Click Upload Media.
  2. Browse your computer and select your video.
  3. Click Change Background.
- Add a free Wix video:
  1. Click Media from Wix.
  2. Select a video.
  3. Click Change Background.
- Purchase a Shutterstock video:
  1. Click Shutterstock.
  2. Select a video.
  3. Click Buy Video.
(Optional) Click Apply to Other Pages to add the background to other pages of your site.

Customizing the overlay of your video background

Customizing the overlay of your video background allows you to add unique patterns or colors to the video. This helps you create a visually appealing look for your site, enhancing your visitors' experience.

For example, a yoga studio website can use a calming video background with a soft color overlay to create a serene atmosphere for visitors.

To customize the overlay of your video background:

Go to your editor.
Click Site Design on the left side of the editor.
Click Page background.
Click Settings.
In the Video Settings panel, choose whether you want to overlay a pattern or a color:
- To overlay a pattern: Select one of the available patterns from the options provided.
- To overlay a color: Enable the Overlay a color toggle and choose your desired color using the color picker, then set the opacity.

Tip:

To remove the overlay pattern on your video background, click the None pattern option (the icon with the red line), or disable the Overlay a color toggle.