Highlighted text

Pro

Draw attention to key words in any heading. A simple CSS snippet that adds a colored highlight to any text wrapped in a span, easy to customize and works anywhere.

Category: Code Text effects V3
Built with: Needs Elementor Pro. Uses Elementor Pro's Form widget. Its CSS sits in the Custom CSS field, an Elementor Pro feature.
Widgets: Container, Heading, Text editor, Image, Form
Custom code: CSS
Need help?: Support
Guides
Email

Preview

How it works

1. Wrap the word you want to highlight in a <span> tag in the Elementor heading widget

2. Example: Build and <span>launch</span> websites

3. Customize the styles below to match your brand */

Custom CSS

The CSS to make the effect for this power up is included in the widget settings in Advanced > Custom CSS. No additional setup needed. Just copy the component and the styles come with it.