How do I change the background of a specific section in Website Builder?

This article will show you how to change the background colour and image of specific sections or rows of your website.

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.

Version 8

Step 1 of 2

Start by logging in to your Website Builder package.


Step 2 of 2

From there, click the row you want to edit and the Row Design menu will appear. Through this menu, you can change set the background for that particular section as a solid colour, gradient, image or even a video.

Edit Row design


Version 7

Step 1 of 6

Start by logging in to your Website Builder package.


Step 2 of 6

From there, make sure the Row/Column editing feature has been enabled by clicking the Row/Column Editing in the top toolbar. Once done, you’ll receive a notification informing you that this feature has been enabled.


Step 3 of 6

Hover your cursor over the row you wish to edit and then click the gear icon that appears within the overlay.


Step 4 of 6

This will open the Settings panel. From here, you can create a new style by clicking the + icon.


Step 5 of 6

Give your new style a name and then click Add Row Style.


Step 6 of 6

You can now customise your new style by amending the provided fields.

Once you’re happy with your design, click Save Changes to save your new style. You will now be able to apply this style to other zones on your website.