How do I change the background settings in Website Builder?

This article will show you how to change the background of your website quickly and easily.

Since this feature is available for multiple versions of our Website Builder tool, select your version from the list below and follow the instructions provided to get started:

If you’re not sure which version of Website Builder you have, you can find out by reading this article.

Please note: edits to page background colours will override the global background. If you wish to change the background colour for a specific section instead, please read the following article: How do I change the background colour of a specific section?

Version 8

Step 1 of 5

Start by logging in to your Website Builder package.


Step 2 of 5

From there, select Design in the left-hand menu.

Select Design


Step 3 of 5

Click Site Background from the menu that appears.

Click Site Background


Step 4 of 5

This will open the Site Background menu.

From here, you can change either the background for the entire site by clicking Background for all pages, or just specific pages by clicking Background per page.

Choose background option


Step 5 of 5

Once you’ve chosen an option, you can change the background to a solid colour, a gradient or even an image. Any changes you make will be saved automatically.

Change background colour


Version 7

Step 1 of 4

Start by logging in to your Website Builder package.


Step 2 of 4

From there, select Theme in the left-hand menu.


Step 3 of 4

Click the option Background.


Step 4 of 4

You can then select the type of background you want, whether you desire a solid colour, gradient or even an image as the background.


Version 6

Step 2 of 3

From there, select your background widget and then click the gear icon that appears within the provided toolbar to access its settings.


Step 3 of 3

In the Settings pane that appears, you can change various options for your background, including its colour, image size, alignment and more.