Add a Gradient Background

Follow these steps to create a gradient background visually, without relying on CSS.

Step 1: Click the Section Settings handle to enter the Section Settings
Step 2: Go to Style > Background
Step 3: Under Background type click the icon to enter the Gradient Settings

Gradient Background Settings

1. Color: set the first gradient color

2. Location: set the location of the first color. This will affect the spread

3. Second Color: set the second gradient color

4. Location: set the location of the second color. This will affect the spread

5. Type: Choose between a linear or radial gradient

6. Angle: Set the gradient angle