Avada Highlight Element Examples

The Avada Highlight Element lets you emphasize key words or phrases in your content by applying customizable background colors, text colors, and hover effects. It’s a simple yet powerful tool to draw attention to essential details, calls to action, or branded messaging.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec blandit erat dolor, at mattis arcu vestibulum non. Mauris mollis nulla et sapien lacinia mattis. Vestibulum ex nibh, pulvinar cursus eros sed, imperdiet venenatis felis. Aenean nisl tellus, tincidunt sit amet luctus eget, accumsan at nulla. Pellentesque auctor nec mi sit amet ornare. Vestibulum ut massa nec libero gravida rhoncus. Maecenas ac ultricies quam.

Cras justo quam, rhoncus id felis eu, scelerisque sollicitudin dui. Nullam rhoncus faucibus nisi id tristique. Nunc sit amet orci non arcu pretium suscipit. Ut nec enim porttitor, porta felis non, rhoncus nibh. Suspendisse eget sapien tincidunt, pulvinar urna in, eleifend libero. Aenean fermentum rhoncus ultricies. Vestibulum ac massa quam. Donec molestie sodales lorem scelerisque sodales. Fusce pulvinar congue odio, nec luctus nulla porta ut. Aliquam erat volutpat. In malesuada, enim eu molestie efficitur, purus ante ultrices magna, in rhoncus est ligula eget dolor. Suspendisse sed sem nec diam euismod dignissim. Nulla facilisi. Vestibulum eu orci sit amet purus maximus ultricies. Donec vulputate rhoncus accumsan.

This Avada Highlight Inline Element has been applied to standard text and is set up as follows: Background (Yes), Background Style (Full), Background Color, Rounded Corners (Yes), and Font Color.

Cras non blandit metus. Vivamus mattis cursus massa, a hendrerit ligula aliquam a. Donec ultrices rutrum nulla, eget tincidunt est tempor at. Maecenas a lacus convallis, elementum orci pharetra, ultrices lorem. Etiam efficitur, justo a iaculis ornare, dolor arcu ultrices dolor, non facilisis mi diam posuere felis. Nam vehicula felis nulla, id pellentesque est porta non. Quisque ornare dui nec lacus varius, ac gravida orci sodales. Pellentesque semper, dui et hendrerit accumsan, diam justo volutpat tortor, vitae porttitor augue leo id dui. Aliquam sed risus justo.

This Avada Highlight Inline Element has been applied to standard text and is set up as follows: Background (Yes), Background Style (Marker Style & Full), Background Color, and Font Color.

This is an H2 Title

This Avada Highlight Inline Element has been applied to heading text and is set up as follows: Background (Yes), Background Style (Full), Background Color, Rounded Corners (Yes), and Font Color.

This is an H3 Title

This Avada Highlight Inline Element has been applied to heading text and is set up as follows: Background (Yes), Background Style (Full), Background Color, Rounded Corners (Yes), and Font Color.

This is an H4 Title

This Avada Highlight Inline Element has been applied to heading text and is set up as follows: Background (No), Gradient Folor Color (Yes), Gradient Start Color, Gradient End Color, Gradient Type (Linear), and Gradient Angle.

Ut convallis lectus ac quam varius tempor. Ut justo ante, viverra tincidunt velit non, placerat vulputate elit. Vestibulum gravida auctor risus, vitae sollicitudin turpis venenatis at. Nunc ornare risus orci, non porta odio tempor ut. Duis accumsan est in eros volutpat pretium vel non elit. Mauris leo tortor, blandit nec convallis nec, vulputate quis lectus.

This Avada Highlight Inline Element has been applied to heading text and is set up as follows: Background (No), Gradient Folor Color (Yes), Gradient Start Color, Gradient End Color, Gradient Type (Radial), and Radial Direction (Center).

The Avada Highlight Element is one of five inline Elements (Dropcap, Highlight, One Page Text Link, Popover, and Tooltip) that are used in conjunction with text, titles, and content for a more immersive visual experience. For more information, refer to this help file, and for the best practices for inline editing, please visit this link.

Examples can include the individual option values set for that particular instance; however, in some cases, not all Element variations can be shown as they may be too numerous. Where a live example cannot be shown, an image representation will be used as a substitute. For more detailed information, please refer to the related Element documentation and videos.

Avada Google Map Element Featured ImageGoogle Map
Avada Icons Element Featured ImageIcon