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