A Beginner’s Guide to Squarespace Text Blocks

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

Small text formatting bar in Squarespace 7.1

Full text formatting bar

Full text formatting bar in Squarespace 7.1
  1. Select edit on the top left-hand side of your website preview.

  2. Click the add block option on a page section, or the plus sign inside classic editor.*

  3. Select the text option form the list of content blocks.

  4. Double click on the text block to start typing your own text.

  5. 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.

  6. 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*

squarespace text block formatting - ai icon

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

  • Squarespace text block formatting icon for bold text

    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.

  • Squarespace text block formatting icon for italic text

    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.

  • Squarespace text block formatting icon for changing text color

    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.

  • Squarespace text block formatting icon for stretch to fit text

    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.

  • Squarespace text block formatting icon for text highlight feature

    Text Highlight

    Need to draw attention to something specific? Text highlighting lets you create different colorful accents to characters you select.

  • Squarespace text block formatting icon for adding a link to the text content

    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.

  • Squarespace text block formatting icon for text alignment options

    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.

  • Squarespace icon for inline quote formatting

    Inline Quote

    Use inline quotes to add short snippets of text from other sources, perfectly formatted and ready to be shared with the world.

  • Squarespace text block formatting icon for bullet point lists

    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.

  • Squarespace text block formatting icon for numbered lists

    Numbered List

    Numbered lists are perfect for instructions, timelines, or any time you want to show a clear sequence.

  • Squarespace text block formatting icon for strikethrough text

    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.

  • Squarespace text block formatting icon for adding an indent to text

    Add Indent

    This option adds a small space at the beginning of your paragraph, which can help your text look neat and organized.

  • Squarespace text block formatting icon for removing an indent from text

    Remove Indent

    This removes any existing indent from your paragraph, restoring your text to original alignment.

  • Squarespace text block formatting icon for copying text style from selected text

    Copy Formatting

    Like the formatting on a specific piece of text? Use this option to copy it and apply it to something else.

  • Squarespace text block formatting icon for removing text formatting

    Remove Formatting

    This removes all formatting from your selected text, giving you a blank canvas to work with.

  • Squarespace text block formatting icon for deleting a text block; it's a red trash can

    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

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.

Previous
Previous

Tag Cloud

Next
Next

Video Block