With the Pagebuilder, you can set the background for the entire page, per section, or per row.

The following order applies: The background of the entire page is covered by the background of the section. The background of the section is, in turn, covered by the background of the row.

If you want to let a background show through, you can set the section or row to be transparent.

Example:

Another example: You can embed a smaller image into a colored background and overlay everything with a transparent white to soften the background.

Set background for the entire page

This is how you can set the background for an entire page:

1. Open a landing page, website page, or a course theme in the page builder.
2. In the header bar, click on Settings.
3. Click on Background.
4. You have the following options:
   • In the Background type field, select the option Image to fill the page background with an image or a color:

     1. Click on the image icon in the BG image field.

        The Uploaded Images window is displayed.

     2. You have the following options:
        • Use an uploaded image by clicking on the image you want to use.
        • Upload a new image:
          1. Click on Upload image
          2. Click on the uploaded image.
     3. Click the Add button.

     4. In the Image position field, select where the chosen image should be positioned.

        Try different options to find the right one.

     5. In the Overlay color field, select a color to be placed under the chosen image.
   • In the Background type field, select the option Video to play a YouTube video across the entire background of the page. The image settings remain unchanged:
     1. In the YouTube URL field, enter the address of a YouTube video.
     2. In the End action field, select an option for the first run of the video:
        • Select Loop to have the video start over continuously.
        • Select Hide video to hide the video after one run. If you have selected a background color and/or a background image, it will be displayed.
        • Select Redirect to URL to display a selected website after the video finishes playing. Enter the URL of the website into the Redirect to URL field.
     3. If you uncheck Enable privacy-enhanced mode, the video is no longer GDPR-compliant. You must then activate the Cookie Consent.
5. In the header bar, click on Save.
6. Click on Preview in the header bar to test the changes.

Set background for a section

This is how you can set the background for a section:

1. Open a landing page, website page or a course theme in the page builder.

2. Clear on the gearwheel icon to configure the section in the side menu.

   You have the following options:

   • Set a background image for the section. This will cover the background image of the page.

     1. Click on the image icon .

        You have the following options:

        • Use an uploaded image by clicking on the image you want to use.
          • Switch to the Library tab.
          • Switch to the Brackground tab.
        • Upload a new image:
          1. Click on Upload image
          2. Click on the uploaded image.
     2. Click the Add button.

     3. In the Image position field, select where the chosen image should be positioned.

        Try different options to find the right one.

     4. In the Overlay color field, select a color to be placed under the chosen image.
   • You can specify a background color.
3. In the header bar, click on Save.

Set background for a row

This is how you can set the background for a row:

1. Open a landing page, website page, or a course theme in the page builder.

2. Click on the gearwheel icon to configure the line in the side menu.

   You have the following options:

   • Set a background image for the row. This will cover the background image of the section.

     1. Click on the image icon .

        You have the following options:

        • Use an uploaded image by clicking on the image you want to use.
          • Switch to the Library tab.
          • Switch to the Brackground tab.
        • Upload a new image:
          1. Click on Upload image
          2. Click on the uploaded image.
     2. Click the Add button.

     3. In the Image position field, select where the chosen image should be positioned.

        Try different options to find the right one.

     4. In the Overlay color field, select a color to be placed under the chosen image.
   • You can specify a background color.

3. In the header bar, click on Save.