Get Bricks

Gradients & Overlays

Spice up the design of your site by adding background, overlay, and text gradients to any block. The Gradients & Overlays control group is located under the Style tab when editing a block.

Available controls:

  • Apply to: Select the type of content you want to add a gradient to (text, background, overlay)
  • CSS selector: To target a specific HTML within an element.
  • 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.