Perfectly Centered Text in Squarespace

Published on
December 3, 2024

I recently put together a youtube video explaining how to get perfectly centered text in Squarespace.

We utilize Squarespace's custom code feature to set some inline styles on our text to make sure that it stays completely centered no matter what browser you are using. We also dive into the power of setting a Max-width on your content to enhance readability and aesthetics on your website.

Check out the tutorial on YouTube.

https://youtu.be/jX5_jO5VEuM

Copy & Paste the following code into a code box in Squarespace:

<div> <h1 style=" margin-left: auto; margin-right: auto; text-align:center; text-wrap: balance; max-width: 60rem ">Put Headline Here</h1> <p style=" margin-left: auto; margin-right: auto; text-align:center; text-wrap: balance; max-width: 60rem ">Put paragraph here</p> </div>
Copy Code to Clipboard
Contributors
Adam Emmerich
Web Designer
Share

Digital marketing for small businesses is what we do.

I'm sure you receive emails daily from digital marketing agencies and freelance web design firms offering you "help" with your website 🤦. Some of them may actually be able to help, and others may become a big headache. We're here to listen to you, see what makes your business unique, and give you the best website design we can. We want local businesses to succeed, we think we can help.