< All Articles

Gradient Text

Avatar Gradient Text

Adding the Module

Once Avatar Divi is activated, it adds several modules to the Divi builder. To add a module on the page, use the following steps:

  1. Create/Edit a Page/Post that uses Divi builder.
  2. Create/Edit a row.
  3. Click on Add New Module option; choose the Avatar Gradient Text module.

Content Options

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

Design Options

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.

Default settings, sub-settings, and options used in all Divi Builder Modules are not described or included in our documentation and they are referred as Divi Builder Default throughout our guides to indicate that the options included are those provided by default by/or in the Visual Builder. If you need help learning to work with Divi Visual Builder, please visit Elegant Themes Documentation.

If you still stuck
Table of Contents