Build along to create a highlighted text with code

We all know the boring default highlighter—but a colorful one can really make text pop. Let’s see how it can be done using code.

Let’s start by clicking those curly brackets at the bottom of the left sidebar to start coding and set up your environment.

I'll close the page code panel so I can see the full canvas—don't worry the coding environment stays open.

Alright, before I begin adding CSS to some elements, I'll select the ones I want to apply it to and open the global css file to add the code.

You'll find the highlighting code for this effect in the video description below.

Copy the code, paste it into the bottom lines of the coding environment, and hit preview.

Now when you highlight text on the site, it's filled with a vibrant yellow that really makes it pop.

Hope you liked this video and thanks for watching! Check out the Wix Studio Academy for more content like this.