Change Text Highlight Color

How to add Text Highlight feature in Webflow?

_{Step #1}

Copy the Text Highlight <script>

Integrating our Text Highlighting tool into your website is a breeze! Follow these easy steps to get started:

1. Click on "Pages" in the left navigation or press "P" on your keyboard
2. Select the settings icon beside the page you want to add the script to
3. Scroll down to the "Before </body> tag" section
4. Simply copy the script we've provided and paste it here

That's it!

_{Step #2}

Set Custom Attribute

‍

To ensure the smooth functioning of our Text Highlighting tool, you will need to add attribute name to the following element on your page

1. Attribute name : neue-highlight is added to the element whose background color and text color will serve as the background and text color for your highlighted text.

The Value attribute field should be left empty. You can hide this element from the page. Do not delete it.

‍

_{Step #3}

Publish your site

It's highly recommended to publish your site on staging environment to ensure the scrip. Once you have confirmed it, you can publish it to your primary domain.