Remove hyphens from text Squarespace
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 👇
Want a framework for designing the perfect homepage?
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.
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.
Need an expert to build your Squarespace website?
Book a free kick-off call with our team to discuss your project requirements in detail.
