If text spans two lines on Squarespace, it will automatically be hyphenated and I’ll be honest, this is one of my biggest Squarespace bugbears of all time. It drives me mad.

Not one to sit around and stew in my annoyance (ok, maybe I’m being a little dramatic) I decided to create a piece of custom code to remove those hyphens and stop text being hyphenated on Squarespace. 

Want to find out what it is? Keep reading…

Watch the video

Check out the YouTube video below 👇

How to remove hyphens from text on Squarespace

Head to the custom CSS panel within your edit dashboard and add the following code:

body {

hyphens: manual !important;

}

What this code does is tell Squarespace that hyphens are no longer automatic, instead they need to be added in manually.

📩 Join the inner circle to get exclusive code updates

Hit save and that is literally it. Super simple and just a couple of lines of code but it can make a huge difference to the appearance of text on your Squarespace website.

If you found this useful be sure to check out the rest of my Squarespace tutorials and YouTube walkthroughs.

Your designer

I'm Sam, an award-winning Squarespace web designer. I have worked with every type of business, building platforms for solo entrepreneurs through to multi-million dollar corporations. If you want to discuss a potential project, you can email on sam@bycrawford.com or get in touch with me here. Alternatively, you can book in a free 15-minute consultation call here.

Want more?