Method to apply background color highlight to text in Squarespace

Do you want to apply animated background color behind a text in similar fashion?

Method to apply background color highlight to text in Squarespace

To do that, select any text. In the text toolbar, click the Highlight button.

There are several options to highlight a text such as Cross, Wavy Line, Strikethrough, Circle but my favorite is the Marker option.

Turn on the Animation toggle button and set the desired animation duration.

To apply a specific color, click the color circle, and select the Custom option. Drag the slider and choose your favorite color from the palette.

To apply the same color under different texts, you can also paste a color code.

Click on any empty space to apply the tweaks.

Done.

Watch Video Tutorial.

To remove a text highlight in Squarespace, just select the highlighted text, click Highlight button and then select the Remove option.

Explore Dozro Services or check more Squarespace articles.

Irfan Hayat

Founder and CEO @ DOZRO and some other businesses. I have versatile experiences in life. I am inherently a tech lover and practically a businessperson.

You can confidently get any of our Pro Services including website and graphics design, SEO, or video editing.

https://www.dozro.com/irfan-hayat
Previous
Previous

Remove text link underline without CSS – Squarespace 7.1 Trick

Next
Next

Method to create Apple Touch Icon on Squarespace Website