How do I set a zone background in Website Builder?

This will show you to change the background on specific sections or rows of your website.

This feature is applicable to multiple versions of the Website Builder platform, so please use the options below to find the appropriate instructions for the package you are using. If you are not sure which version of Website Builder you are using, you can use this article to check.

Website Builder Version 8

Step 1 of 1

Simply click on the row you want to edit, and this will open the Row Design menu, where you can change the background in the style section; changing the row colour, setting the background as an image, or inserting a video background.

Website Builder Version 7

Step 1 of 5

First you must ensure that Row/Column editing is enabled by clicking on the Row/Column editing button at the top of the page. You will receive a notification that you have enabled this.

Step 2 of 5

When you hover over the row you wish to edit, a small overlay will appear. Click the Cog icon to open the settings panel.

Step 3 of 5

Once the panel opens, you can give the zone one of the predefined styles from the theme, or create your own by clicking on the Plus icon.

Step 4 of 5

Name your new style, then click Add Row Style.

Step 5 of 5

You can now customise your new style, including changing the background. Once complete, click the Save changes button to save your new style. You will now be able to apply this style to other zones on your website.