Module 29 of 71
Divi Gradient Text that colours outside the lines.
Fill any heading with a gradient or a photo using Divi’s own background settings. Real text, the right tag, no CSS.
What is the Divi Gradient Text module?
Gradient Text is a Divi 5 module in Divi Supreme Pro that fills a heading with whatever you set as its background. Use Divi’s gradient builder for linear, radial or conic gradients with as many colour stops as you like, or use an image so the photo shows through the letters.
The text stays real text in the heading tag you choose, from H1 to H6, with full Divi font controls. Add a link to make the whole heading clickable.
gradient types
∞
colour stops
H1–H6
heading tags
custom code
Start from a Gradient Text recipe.
The recipes and the playground run on the front end. Use Preview, or open the page, to try them.
Try every Gradient Text setting.
The recipes and the playground run on the front end. Use Preview, or open the page, to try them.
Everything Gradient Text can do.
Divi gradient builder
Linear, radial or conic gradients with unlimited colour stops and positions.
Image fill
Let a photo or texture show through the letters.
Real heading tag
H1 to H6 so the text is read by search engines and screen readers.
Full typography
Font family, weight, size, spacing and line height.
Link it
Make the heading a link to any page.
Divi 5 native, WPML ready
Dynamic content and WPML translation.
Gradient Text documentation
Setup for Divi 5: text, background gradient or image, heading level and link.
Questions about Gradient Text.
Next module, A to Z
Icon Divider Module
Related modules
Animated Gradient Text Module
Gradients that move across the text.
Mask Text Module
Fill text with an image or video.
Dual Heading Module
Style each part of a heading.
Make every heading a little brighter.
Gradient Text comes with 70+ Divi 5 modules and 16 extensions in Divi Supreme Pro.