Easy Tech TutsHow to Animate Text on Squarespace, Text Highlight Effects 2026 Easily
By Impran M N
Beyond basic fade or slide animations, Squarespace also lets you apply highlight and underline effects to specific text to draw a reader's eye to important content. This guide covers opening the text editor, selecting a portion of text, and applying an effect.
01Log in and open your site
Sign in to Squarespace, select the website you want to edit, and enter the editor by locating the Edit button.
02Find the text block to edit
Navigate to the page containing the text, hover over it, and click the edit icon that appears.
03Highlight the specific text
Select the portion of text you want to style, the same way you would in a word processor, before applying any effect.
04Apply a highlight or animation style
Choose from the available text effects, such as highlighting, underlining, or animating the selection, and preview each option.
05Save your changes
Click save to apply the effect and close the editor, then view the live page to confirm it looks right.
Frequently asked questions
Can I highlight just one word instead of a whole sentence?
Yes, select only the specific text you want to style before applying the highlight or animation effect.
What's the difference between highlighting and underlining text in Squarespace?
Highlighting adds a colored background behind the text, while underlining adds a line beneath it — both are separate style options in the text editor.
Will highlight effects work the same on mobile?
Effects generally carry over to mobile, but it's worth previewing the mobile view separately to confirm the styling still looks right on smaller screens.
How much text effect is too much?
Reserve highlighting and animation for headlines or key points — applying it to large blocks of text can make a page feel cluttered.
Watch the full walkthrough
The same steps, demonstrated on screen from start to finish.
