Gradients & Overlays

Spice up your site by adding background, overlay, and text gradients to any element, column, row, or section. Gradients & Overlays are located under the Style.


  • Apply to: Select the type of gradient you want to add: background/overlay/text
  • CSS selector: Target specific HTML within the element (CSS knowledge required)
  • Angle in °: Give your gradient a specific angle between 0 – 360°
  • Colors: Add at least two colors to see a gradient. When you apply the gradient to an overlay make sure to reduce the color transparency in order to see through it.