Follow these steps to create a gradient background visually, without relying on CSS.
Add a Section
- Click Add Section
- Drag in a Widget
- Click the Section Settings handle
to enter the Section Settings - Go to Style > Background
- Under Background type click the
icon to enter the Gradient Settings
Gradient Background Settings
- Color: set the first gradient color
- Location: set the location of the first color. This will affect the spread
- Second color: set the second gradient color
- Location: set the location of the second color. This will affect the spread
- Type: Choose between a linear or radial gradient
- Angle: Set the gradient angle
