Adding a gradient to elements and widgets

Gradients are not currently available as a visual option in the editor, but you can add one by inserting a gradient into the element’s Style Attribute field.

Step 1 — Create your gradient

Use this format:

background-image: linear-gradient(#EB50E4, #FFE600);

(You can change the colors or direction)

Step 2 — Add the gradient to an element or widget

1. Select the element or widget in the editor.
2. Open the Advanced panel.
3. Paste the gradient into the Style Attribute field.