Divi Gradient Text

Next Text Gradient Module offers you a fast and easy way to mix colors of your choice to your texts. Put a gradient effect on texts, make it look colorful!

Comes with 25+ Hover Effects!

Content → Text

1. Gradient Title – Add the title text to your Gradient Text design layout
2. Select a Heading Tag – choose a suitable Heading Tag.

Design → Fonts

1. Font – Select a font from the collection or use a custom font.
2. Font Weight – define how you want your font to show either regular, italic, bold extra, or even extra light.
3. Font Style – Pick a style of font for the design.
4. Text Size – easily resize the text using the slider. This feature is for desktops, tablets, and phones.
5. Letter Spacing – adjust the spacing between the letters using the slider.
6. Line Height – adjust the space between the lines using the slider.
7. Text Shadow – select a prebuilt shadow for your text.

Design → Gradient Color

1. Select Color One – manually select Color One for the Gradient text using the pointer, or you can state the hex code and get the exact color you require.
2. Select Color Two – manually select Color Two for the Gradient text using the pointer, or you can state the hex code and get the exact color you require.
3. Select Gradient Type – choose between the two gradient type.
4. Radial Direction – pick the direction of the gradient within the Radial Direction.
5. Start Position – adjust the start position using the slider
6. End Position – adjust the end position using the slider

Design → Reveal Effect

1. Enable Reveal Effect – enable the switch to add a reveal effect to the Gradient Text design.
2. Reveal Effect Color – manually select Reveal Effect Color for the Gradient text design using the pointer, or you can place the hex code and get the exact color you require.

Design → Hover Effect

1. Text Hover Effect – enable the switch to add Hover Effect to the Gradient Text.
2. Select Hover Effect – select a hover effect from the many unique collection of Hover Effect.