Working with Backgrounds

The Background element is simply the background that sits behind all of a site's elements. It can be customized to show either a solid color, a gradient or an image

Adding Background Color

1. Click on any element in the Canvas

2. Click on the Appearance icon from blue highlighted the toolbar

3. This will open the Appearance panel on the left

4. Under Customize Background -> Change the background color

5. Your're done.

Customize Background Color

Adding Background Images

1. Click on any element in the Canvas

2. Click on the Appearance icon from blue highlighted the toolbar

3. This will open the Appearance panel on the left

4. Under Customize Background -> Background + -> Click on the plus icon -> Edit Layer

5. Then click on Images

6. You can either upload & use your own images or use copyright free HQ images from Pexels.com

7. Your're done.

Adding background images

Adding Background Gradients

1. Click on any element in the Canvas

2. Click on the Appearance icon from blue highlighted the toolbar

3. This will open the Appearance panel on the left

4. Under Customize Background -> Background + -> Click on the plus icon -> Edit Layer

5. Then click on Images

6. Under Gradients Tab -> Choose any pre-built gradient colors or create new one

7. Your're done.

Adding Background Gradients