Gradient Text

In this section you would be able to set your Gradient text. These are the available options:

1. Animated Gradient Text: Enter the text that will be animated.

Gradient Settings

1. Gradient Direction: Set the direction for the animated gradient 0° and 360°.
2. Gradient Color #1: Set the first color of your gradient.
3. Gradient Color #2: Set the second color of your gradient.
4. Gradient Color #3: Set the third color of your gradient.
5. Gradient Color #4: Set the fourth color of your gradient.

Animation Settings

1. Animated Gradient Background: Here you can choose whether the gradient background should be animated or static.
2. Background Size: Define the gradient background size. A higher percentage will give you a less color blend.
3. Animation Speed (seconds): Set the speed for the animated gradient. Depends on Animated Gradient Background is set to ENABLED

Gradient Text HTML Tag

1. HTML Tag: Set the HTML Tag.
   • H1
   • H2
   • H3
   • H4
   • H5
   • H6
   • div
   • span
   • p

Gradient Text Shadow Filter

1. Use Filter Shadow: Enable or disable the use of filter drop-shadow allowing you to simulate a text-shadow.
   1. Filter Shadow Color: Set the color for the drop shadow filter.
   2. Filter Shadow Horizontal Length: Shadow’s horizontal distance from the text. A negative value places the shadow to the left of the text.
   3. Filter Shadow Vertical Length: Shadow’s horizontal vertical distance from the text. A negative value places the shadow above the text.
   4. Filter Shadow Blur Strength: Controls the visibility of the Filter Shadow. The higher the value, the more blurry the shadow will be, and the shadow becomes wider and lighter in color.

Gradient Text

1. Divi Builder Default: Default Text and Font style options provided by the Visual Builder.

Other Options

1. Divi Builder Default: Default Sizing, Spacing, Border Styles, Box Shadow, Filters, Transform, and Animation provided by the Visual Builder.