Highlight Element

The Highlight Element is a simple element, that allows you to highlight a section of content on your page. The Highlight Element is an Inline Element, which means it’s meant to be used in conjunction with existing text, and can only be accessed through the Avada Builder Element Generator, or through the Inline Editing function in Avada Live. See below to read more about this useful element.

Vivamus at metus ut nunc condimentum gravida. Morbi imperdiet nisl et pellentesque molestie. Integer eu ligula at accumsan et a augue. You can also use any highlight color you want! Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

Vivamus at metus ut nunc condimentum gravida. Morbi imperdiet nisl et pellentesque molestie. Integer eu ligula at accumsan et a augue. You can now apply a gradient font color as your highlight, or apply a Marker Style Background Style. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

Note. As stated above, the Highlight Element is an Inline Element, which means that you can access it through the Avada Builder Element Generator in the back-end builder, or via Inline Editing in Avada Live. This Element can be used in all Elements that allow text editing in the Visual Editor and that therefore have access to the Avada Builder Element Generator, or Inline Editing.

Step 1. Add a text based element via the Avada Builder, for example, the Text Block Element.

Step 2. Add your content as normal.

Step 3. Select the part of your text content that you want highlighted, and then select the Avada Builder Element Generator icon on the Visual Editor toolbar, as seen in the screenshot below.

Step 4. Select the Highlight Element. Choose your Background Style – Full, or Marker Style.

Step 5. Select your background color, whether you want rounded corners, and your highlight font color if you wish (leave empty to use an auto-calculated value).

Step 6. You will see the selected text to be highlighted in the Content box. When you are finished, click Insert.

Step 7. You are now back in the Text Block Element. When you are finished, click Save, and you are returned to your page. Preview to see your highlighted text.

Step 1. Add a text based element via the Avada Builder, for example, the Text Block Element.

Step 2. Add your content as normal.

Step 3. Select the part of your text content that you want highlighted, and then select the Avada Builder Element Generator icon on the Visual Editor toolbar, as seen in the screenshot below.

Step 4. Select the Highlight Element.

Step 5. Turn the Background option to No, and the Gradient Font Color option to Yes,.

Step 6. Set the Gradient Start and End Colors, as well as the Gradient Start and End Position, and the Gradient Type and Angle.

Step 7. You will see the selected text to be highlighted in the Content box. When you are finished, click Insert.

Step 7. You are now back in the Text Block Element. When you are finished, click Save, and you are returned to your page. Preview to see your highlighted text.