Skip to content

Gradient Text Module

By using Divi’s built-in background gradient tool, this module allow you to have gradient text without coding.

Divi Supreme Gradient Text Module

Content Options

Gradient Text

This field is where you can enter the content of your text. Text content spans the full width of the column that it is in.


With Divi's built-in background gradient tool, you can style the gradient of the text.

Divi Supreme Gradient Text Background

Design Options

Here you can style and/or position your text or header text just how you want it by choosing the text color, orientation, font, font size, font spacing, and line height.

You can also designate a border style, set a max width for your module, and add custom margin and padding.

Advanced Options

Use the advanced options to give your text module custom CSS ID’s and Classes. Add some custom CSS for advanced styling and designate the module’s visiblity on certain devices.