The Text Block is the primary means of adding text to your site. It allows you to add headings, quotes, pre-formatted text, links, and lists.

Step 1 - Add the Text Block

By adding a new Page, Blog Post, or Event, you can add text immediately. 

Home_—_Avenue_2014-09-23_10-54-33_2014-09-23_10-54-39.png

To add an additional Text Block, click an Insert Point.

In the Block Menu, select Text.

Step 2 - Add Your Text

To add text, click in the Text Block and start typing.

Note: Squarespace doesn't currently support scripts or text written Right-to-Left (RTL).

Copying and pasting text from an external source into the Text Block can cause formatting issues. If you need to copy and paste into a Text Block, you should first click Paste as Plain Text.

Paragraphs and Line Breaks

Pressing return or enter creates a new paragraph (<p> in HTML). If you'd like less space, you can add a line break (<br> in HTML). To add a line break, hold shift when you press return or enter.

using-the-text-block-15-newsite.jpg

Format Your Text

You can use the Text Block Editor that appears when editing text to apply or remove formatting.

using-the-text-block-1.jpg

To format text, use your mouse to highlight text. Then, use the buttons in the Text Block Editor. You bold or italicize text; create a text link; align your text to the left, center, or right; create a heading; create a block quote; add a numbered or bulleted list; undo and redo; and remove formatting.

Note: You can edit the fonts and colors of your headings and normal text in the Style Editor.

Bold/Italicize Text

Highlight your text and click bold (B) or italics (I).

using-the-text-block-2.jpg

This text has been bolded. This text has not been bolded.
This text has been italicized. This text has not been italicized.

Create a Text Link

To create a Text Link, highlight the text that you want as the Hyperlink, and then and click Hyperlink in the Text Block Editor. You can link to an external page, internal page, a file, or an email address. You can also set a link to open up in a new window or tab. For more information on creating links, visit Creating Text Links.

using-the-text-block-3.jpg

This sentence has a hyperlink to our Help Site's homepage.

Align Text

Highlight text and click one of the Paragraph Align buttons to select Left Align, Center Align, or Right Align.

This text is aligned to the left.

This text is aligned to the center.

This text is aligned to the right.

Create Headings

There's a drop-down menu that allows you to create create headings, switch back to normal (paragraph) text, create blockquotes, and create preformatted text (<pre> in HTML).

using-the-text-block-6.jpg
Note: This is a blockquote. Each template has a default style for blockquotes. On our Help Site, we've styled our blockquotes with a special design.
You can use CSS to give blockquotes a different style. To learn more, visit How should I use custom CSS and Using the CSS Editor. Please note that Squarespace doesn't provide support for advanced modifications like custom CSS.

Add a List

Highlight the text and use the Ordered List and Unordered List buttons to add an indented list.

Squarespace_-_Configuration_2014-06-11_17-54-17_2014-06-11_17-54-18 4.png

Ordered (Numbered) List

  1. Item One
  2. Item Two

Unordered (Bulleted) List

  • Thing One
  • Thing Two

Use the indent and un-indent buttons to index text and create nested lists.

Nested Lists

  1. List Item One
    • Nested Item One
    • Nested Item Two
  2. List Item two
    1. Another Nested Item
    2. Another beneath that one

This is text without an indent.

This is text with one indent. Note that the whole paragraph is indented, not just the first line of the paragraph.

Paste as Plain Text

If you copied text from a word processing program, you can paste it into a Text Block as plain text by clicking the t button.

textblockpaste.jpg

This opens a box where you can paste the text.

textblockplaintextpaste.jpg

Remove Formatting

To remove formatting, highlight the text and click Ax. This reverts the text to its original formatting.

using-the-text-block-11.jpg

Undo/Redo

Click the Undo and Redo arrows to undo or redo an action.

using-the-text-block-12.jpg

Remove the Text Block

To remove the Text Block, click the trashcan icon.

using-the-text-block-13.jpg

You can also remove a Text Block by clicking in the padding around a Text Block and dragging the Block to the trashcan icon that appears.

FAQ

Are there keyboard shortcuts?

Yes, there are four shortcuts:

  • Command/Control + b makes text bold
  • Command/Control + i makes text italicized
  • Command/Control + z undoes an action
  • Command/Control + y redoes an action that was undone

Can I underline text?

No, the Text Block doesn't have an editing function to underline text. You can do this using custom HTML and CSS with a Code Block. Please note that we don't provide support for advanced modifications like this.

Can I make some text be a different color?

All normal (paragraph) text on your site will be the same color, and each heading type will be the same color as its same type. This is designed to help you create a cohesive look for your site.

You can only override this with custom CSS.  To learn more, visit How should I use custom CSS and Using the CSS Editor. Please note that Squarespace doesn't provide support for advanced modifications like custom CSS.

You can also do this by adding your text using a Code Block instead of a Text Block.

Can I justify text?

This is also done only with custom CSS.

Can a Text Block have a different background color?

The best way to create different background colors for different parts of a page is to use a background image (if your template supports it) or by using custom CSS. The Text Block doesn't have a setting for a unique background color.

Can I add an image to a Text Block?

You can add an image to a text block using CSS. You can also wrap text around an image

Why does some of my text appear different from the rest of my text?

This is probably a result of copying and pasting text into a Text Block. Copying and pasting text from an external source can cause formatting issues. If you need to paste text into the Text Block, use the Paste as Plain Text button instead. It looks like a lower case t inside of a box.

If the text is set has a heading or as pre-formatted text, that may also be causing the issue. In this case, highlight that text, and then select a formatting type from the Formatting drop-down menu.