Express yourself and share your ideas with Squarespace text blocks.
The Squarespace text block is a versatile tool that lets you write anything from short blurbs to lengthy blog posts.
You can easily format your text with standard text formatting options like bold, italics, headings, and bullet points to make your content clear and engaging.
There are additional style features like text highlight, color options, and more!
How to add a text block to Squarespace
Small text formatting bar
Full text formatting bar
Select edit on the top left-hand side of your website preview.
Click the add block option on a page section, or the plus sign inside classic editor.*
Select the text option form the list of content blocks.
Double click on the text block to start typing your own text.
A text formatting bar will appear above the text. If you see the smaller text formatting bar, click on the three dots at the end to expand to the full text formatting bar.
If you want to use this text formatting bar, highlight the portion of the text you want to change.
You can use the dropdown to assign a different text classification style from your list of pre-formatted heading and paragraph options that are based on your site style menu selections.
Using this text formatting bar, you can also change the font to be bold or italic, change the color of the highlight text by clicking on the color circle, and apply other design changes. See the design section below for additional details
*Classic editor is used by blog posts, additional product details, individual events, and sites built on version 7.0 Learn more inside Squarespace Made Simple*
The lightning bolt symbol on the text editor is a quick link to access the Squarespace AI content generator!
This powerful text tool can help you create, improve, and edit the copy of your website directly inside Squarespace text blocks. To learn more, check out this free training on Squarespace AI. You can also explore this official Squarespace support article for more information.
Overview of Squarespace Text Block Formatting Options
-
Bold Text
This format will make your letters thicker. Use bold text to highlight key points, titles, or anything you want visitors to see loud and clear.
-
Italicize Text
This format will add a slight slant to your characters. This font style is great for anything that needs a little extra emphesis.
-
Change Color
Squarespace lets you change the color of your text to match your website's style. You can select a color from your palette or choose a new color using the color picker.
-
Stretch to Fit
This option stretches your text to fit the entire width of the block. The characters will be a different size not matter what heading or paragraph text style you are using.
-
Text Highlight
Need to draw attention to something specific? Text highlighting lets you create different colorful accents to characters you select.
-
Link
Squarespace lets you turn words or phrases into links that lead to other pages on your site, lor even to external websites, files, and phone numbers.
-
Text Align
ou can choose to have your text left-aligned, right-aligned, or centered in the block, giving you control over the overall look and feel.
-
Inline Quote
Use inline quotes to add short snippets of text from other sources, perfectly formatted and ready to be shared with the world.
-
Bullet Point List
Bullet points are fantastic for lists, steps in a process, or anything where you want to present information in a simple, easy-to-read way.
-
Numbered List
Numbered lists are perfect for instructions, timelines, or any time you want to show a clear sequence.
-
Strikethrough Text
Strikethrough formatting lets you add a line through your text,. This line is based on your font choice; to customize the style, use text highlight instead.
-
Add Indent
This option adds a small space at the beginning of your paragraph, which can help your text look neat and organized.
-
Remove Indent
This removes any existing indent from your paragraph, restoring your text to original alignment.
-
Copy Formatting
Like the formatting on a specific piece of text? Use this option to copy it and apply it to something else.
-
Remove Formatting
This removes all formatting from your selected text, giving you a blank canvas to work with.
-
Delete Text Block
This option removes the entire text block, so be careful when clicking!
Squarespace text block design settings
A text content block can have a unique background color and border (stroke). You can also apply different blend modes and blur options to the individual block. To reach all of these design settings, click on the text block once and select the paint can icon that appears above the block.
How to customize Squarespace text with CSS
CSS stands for Cascading Style Sheet and it’s a special type of code that you can use to customize Squarespace.
These tutorials will show you how to make unique changes to text blocks using custom CSS.
To learn more about CSS for Squarespace, get the free guide at insidethesquare.co/learn
Featured
How to create a drop cap letter in Squarespace
In this tutorial, you’ll learn how to create drop cap characters in Squarespace with simple custom CSS.
Read More →
How To Create A Text Popup in Squarespace
Showing additional info in a popup is a great way to give visitors more information without cluttering your page. It's also an effective way to make sure your user experience is as smooth as possible. But did you know that you can create custom text-only popup using CSS?
Read More →
How to highlight text in Squarespace
Text Highlight in Squarespace is a new feature that lets us add a creative color & design to the content inside a block of text! This video covers all 12 new design options and their settings.
Read More →
How to change a text block background in Squarespace
In this Squarespace tutorial, you’ll learn how to change a text block background color. We’ll use CSS change to color, create a gradient color, and you’ll learn how to upload your own image to use for the background of a text block.
Read More →
How to wrap text around an image in Squarespace
In Squarespace, you can add an image on top of a text block, but when it resizes everything gets changed! This tutorial will teach you how to wrap text around that image so it will look great on every size device.
Read More →
Reveal Text on Hover in Squarespace Fluid Engine
Hover over an image - see some text. Sounds simple right? Well thanks to CSS, it totally is. And this tutorial will teach you how to create that hover effect in Squarespace using Fluid Engine!
Read More →
Where you can learn more about customizing your Squarespace website
Squarespace Made Simple
This mini course for beginners will teach you how to create your first Squarespace website. Lesson seven includes information about content blocks.
LEARN MORE →
Squarespace Support Article
Learn more from the official Squarespace support blog
Squarespace
made simple
Get all the info you need to confidently
launch your Squarespace website ASAP.
LEARN MORE
)
