Elementor widget · Content & Text

Dual-Color Heading

A heading with one phrase highlighted in its own color or style — underline, marker, or a bold accent.

About this elementor widget

Draw the eye to the words that matter. The Dual-Color Heading lets you accent a phrase inside a heading — in its own color, with an underline, or a highlighter-style marker — while the rest stays in your base style. Perfect for hero headlines and section titles.

Key features

  • Split a heading into normal text plus a highlighted phrase, styled independently
  • Highlight styles: colored text, underline, or marker/highlighter background
  • Separate typography and color for the base text and the highlighted phrase
  • Marker color and underline thickness controls
  • Choose the HTML tag (H1–H6 or div) for correct document structure and SEO
  • Alignment, margin, and an optional text shadow
  • Lightweight, dependency-free, and responsive

Type your heading, mark the phrase to accent, pick a style, and match it to your brand.

More elementor widgets