1. Home
  2. Getting Started
  3. Website Builder
  4. How to add a Background to a Section in the Website Builder

How to add a Background to a Section in the Website Builder

The Website Builder gives you a lot of ways to customize each section of the theme you are using so you can personalize it and truly make the site your own.

In this knowledgebase article, we’ll cover how to add a background to a section in the Website Builder.

Let’s begin!

Creating your website doesn’t have to be a hassle. Our website builder makes it easy to create a beautiful website in minutes without coding or design skills.

How to add a Background to a Section in the Website Builder

Step 1: Login to your cPanel. There’s a lot of ways to do this, but the sure fire easiest way is to login to your Client Area, then open your cPanel.

Step 2: Scroll down to the Software section and open the Website Builder:

Step 3: Your list of sites will load. Locate the site edit, then hover over that site and click the speedometer icon to login to the site.

Step 4: Once the Site Admin area opens, click Pages from the menu on the left, then click All Pages.

You will be presented with thumbnail previews of each page in your Site. Choose the page you want to edit and insert a background into. For this example, I’m going to choose the About Page.

Step 5: Once your page is open in the Website Builder editor, choose the section you want to edit by hovering over it. You’ll see a container box is drawn around that section to indicate where it begins and ends, and in the top right corner of that box is a series of icons.

The first icon is Clone. This will duplicate the section to a space right beneath it. Useful if you need to clone a section quickly.

The second icon is Trash. This will delete the section.

The third icon is Edit. This is the option you want to use and clicking it will open the Section Editor on the left side of the Website Builder. See screen shot of the editor below:

Step 6: To access the Background tool, click Options at the top.

The options will change and will look like this:

Look for the Background Type section, and choose the type of background which you want to insert.

You have the following options:

  • Color – this will insert a solid color as a background.
  • Gradient – this will generate a multi color transition, which can look nice.
  • Image – you can upload an image and use it as a background for this section.

Once you have chosen a new background type, the editor will update to show you what your Background will look like when published.

Note the color behind the text “Business Agency” in the image above has changed from white to a teal.

When you’re ready to publish, click Update in the top right corner to save your changes!

And that’s how you add a background to a section in the Website Builder.

Updated on August 26, 2021

Was this article helpful?

Related Articles

Need help?
We're always here for you. Submit a ticket or Chat with a live person.
Submit Ticket

Leave a Comment

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.