For Gradient Backgrounds for Boxes and Blocks, you can add gradient stops. It allows you to create custom gradient backgrounds.

You can add, remove, and move gradient stops, adjusting their position in percentages to fine-tune the color transitions and achieve the exact gradient effect you want.

gradient-points.png

Add Gradient Stop

Click the Plus Icon in the Gradient Option Popup bar to add a new color stop, introducing another color into the gradient.

gradient-point-add.png

Move Gradient Stop

Drag the Move icon of the Stop Row to move the stop in the Gradient list; therefore, for the Gradient Background.

gradient-point-move.gif

Change Gradient Stop Position

Enter the exact position in percents of a Gradient Stop using a value in the Stop Row of the Gradient Property popup to set the color position.

gradient-point-position.png

Delete Gradient Stop

Click the Minus Icon in the Gradient Option Popup bar to delete the color stop.

gradient-point-delete.png

Gradient Types

You can choose between two Gradient Types in the Gradient Property Popup.

  • Linear – Colors blend along a straight line, and you can adjust the position.
  • Radial – Colors spread in a circular pattern from the center outward.
gradient-types.png