Content

Highlight Text

Short text with a typographic effect — marker, gradient fill and more.

Live demo

See it in action

Prefix + highlighted phrase + suffix

Build it visually today.

Marker

We make pages stand out

Underline

Designed to convert

Glow

Bright ideas, shipped

The markup

Clean, lean code

This is the exact HTML the element outputs, straight from the page builder. No wrapper soup, no inline-style bloat.

<section>
	<div class="fw-container">
		<div class="fw-row">
			<div class="fw-col-12">
				<h2 class="highlight-text hl-6af1005f fw-hl fw-hl--fx-gradient text-start"><span class="fw-hl__prefix">Build it</span><span class="fw-hl__text">visually</span><span class="fw-hl__suffix">today.</span></h2>
			</div>
		</div>
	</div>
</section>

To learn more about the Highlight Text shortcode, please check out the online manual here.

Free & open source

Build with this element, free.

Install the framework and the Bootstrap 5 theme, then drag this element into any page.

Get the framework free