Module 20 of 71
Divi Dual Heading that puts the stress where it belongs.
Split one heading into before, middle and after text, and style each part on its own. Still one clean heading tag.
What is the Divi Dual Heading module?
Dual Heading is a Divi 5 module in Divi Supreme Pro that builds one heading from up to three parts: Before Text, Middle Text and After Text. Each part has its own font, colour, background, margin, padding and display.
The parts sit in a row or stack vertically, with their own gaps and widths, and the whole heading uses the tag you pick, from H1 to H6, div or span. Search engines read it as one heading.
styled parts
HTML tags
layouts
custom code
Start from a Dual Heading recipe.
The recipes and the playground run on the front end. Use Preview, or open the page, to try them.
Try every Dual Heading setting.
The recipes and the playground run on the front end. Use Preview, or open the page, to try them.
Everything Dual Heading can do.
Three parts
Before, middle and after text, each optional, in one heading.
Style each part
Font, colour, background, margin, padding and display per part.
SEO-friendly tag
H1 to H6, div or span. It stays one heading for search engines.
Row or stack
Horizontal with a column gap, or vertical with a row gap and fit or full width.
Highlights and pills
Give the middle word a background for a highlighter or badge effect.
Divi 5 native, WPML ready
Dynamic content for every part, translatable with WPML.
Dual Heading documentation
Setup for Divi 5: the three text parts, heading tag, layout, gaps and per-part styling.
Questions about Dual Heading.
Next module, A to Z
Embed Google Map Module
Related modules
Gradient Text Module
Fill headings with a colour gradient.
Text Notation Module
Underline or circle words as they scroll in.
Text Badges Module
Small labels like New or Sale.
Make every heading say it with style.
Dual Heading comes with 70+ Divi 5 modules and 16 extensions in Divi Supreme Pro.