How to Justify text on your Squarespace website
If you're looking to create a cleaner and more structured layout for your website content, justified text can be a great design choice. However, Squarespace currently doesn’t offer a built-in option to justify text within its text blocks. Fortunately, with a little custom CSS, you can easily achieve this effect across both Squarespace 7.0 and 7.1.
This tutorial will walk you through how to justify text on specific sections—or across your entire site—using custom code.
A useful tool you can use to identify the #collection-id and #blockidnumber is a Chrome Extension called Squarespace Collection/Block Identifier.
Table of Contents
Why Justify Text?
Justified text aligns both the left and right edges of a paragraph, creating a clean and professional appearance. It’s especially useful for:
Long-form content and blog posts
About or mission statement sections
Enhancing overall readability and layout consistency
Complexity: Easy
Step-by-Step Instructions
Use this code to justify text blocks on a specific page
#collection-id { text-align: justify; }
Use this code to justify text blocks in a specific section (Squarespace 7.1)
#collection-id { #page .page-section:nth-of-type(1) { text-align: justify; } }
Use this code to justify a specific text block
#blockidnumber { text-align: justify; }
Key Takeaways
Justifying text in Squarespace requires custom CSS
You can apply justification site-wide or to specific blocks/pages
A Chrome extension makes it easy to find IDs for targeted styling
FAQs
Will this work on both desktop and mobile?
Yes, but you can always add media queries to adjust styling for specific screen sizes.
Does justified text affect readability?
In moderation, no—but overuse or in narrow containers it can create uneven spacing. Use it where it enhances your layout.
Can I justify headings too?
Yes, simply target h1, h2, or other heading tags in your CSS.
Conclusion
While Squarespace doesn't offer native justification in its text block editor, a little CSS is all you need to create a more polished, professional look. Whether you're applying it globally or to individual sections, justified text can elevate your design and improve content presentation.
