BLACK FRIDAY: 50% OFF all Pro plans
Pro from $18 a year or $60 lifetime, no code needed
Ends Cyber Monday, 30 Nov. Lock in the price today
Get 50% Off
Free widget

Advanced Heading Widget for Elementor Free

Headings with a highlighted phrase, pre-title, subtitle and separator.

Overview

What Advanced Heading does

Advanced Heading builds a section heading from three parts of title text, so the middle part can stand out in a solid color, a gradient or a marker underline. A small pre-title above, a subtitle below and an optional separator line complete the block. Use it for section intros and hero headlines.

Live demo

See it in action

What we do

We build websites that really shine

Fast, accessible and easy to edit. Every section built to convert visitors into customers.

Features

What it can do

  • Title split into before, highlighted and after text, printed as one heading.

  • Three highlight styles: Solid color, Gradient and Marker underline.

  • Gradient highlight with its own start color, end color and angle.

  • Optional pre-title above the heading with background, padding and rounded corners.

  • Optional subtitle paragraph below the heading.

  • Separator line with adjustable color, width and thickness.

  • Heading tag choice from H1 to H6, plus div, span and p.

  • Optional link on the whole title, with a hover color.

Use cases

When to use it

Section intros

Put a short pre-title, a heading and a subtitle above a services or features section.

Hero headlines

Set the HTML Tag to H1 and highlight the key phrase with a gradient.

Marked key words

Use Marker underline to draw a highlighter style band behind one or two words.

Linked headings

Add a Link so the whole title leads to a detail page.

Setup

How to set it up

A few steps from adding the widget to a finished result.

  1. Drag Advanced Heading from the Bright Addons category onto the page.

  2. Type the Pre-title, then split the heading across Title (before highlight), Highlighted text and Title (after highlight).

  3. Pick the HTML Tag that fits the page outline, and add a Link if the title should be clickable.

  4. Write the Subtitle, set the Alignment and switch on Separator Line if a line is wanted.

  5. Open the Style tab, go to Highlighted Text and choose the Style: Solid color, Gradient or Marker underline.

  6. Set the highlight colors, then adjust the typography and colors of the title, pre-title and subtitle.

FAQ

Questions and answers

Can the highlighted words be in the middle of the heading?

Yes. Put the words before them in Title (before highlight) and the words after them in Title (after highlight).

Can I use a gradient on the text?

Yes. In the Style tab, set Highlighted Text, Style to Gradient, then choose Gradient Start, Gradient End and Gradient Angle.

How do I make a heading with no highlight?

Leave Highlighted text empty and type the full heading in Title (before highlight).

Can the heading link to another page?

Yes. Fill in the Link field and the whole title becomes a link.

Free forever

Advanced Heading is free

It is one of 51 widgets in the free Bright Addons plugin. Each widget loads its code only on pages that use it.