The Text Block is the primary means of adding text to your site. You can use Text Blocks to add headings, quotes, pre-formatted text, links, and lists.

Before you begin

Ensure that you're adding plain text to your Text Block. The easiest way to do this is to enter your text directly into the Text Block Editor. If your text comes from another source (like Microsoft Word or Google Docs), you can paste it into a format-free text editor (such as as Notepad for Windows or TextEdit for Mac) before adding it to your site. Alternatively, you can click the Paste as Plain Text button in the Text Toolbar, which pastes your text without any formatting attached.

To troubleshoot text that you've already pasted, visit Fixing Text Formatting.

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.

text select.jpg

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

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.

text bar.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).

bold italicize.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.

hyperlink.jpg

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

Align Text

Highlight text and click a Paragraph Align buttons to select Left Align, Center Align, or Right Align.

align text.jpg

This text is aligned to the left.

This text is aligned to the center.

This text is aligned to the right.

Create Headings

Use the Format drop-down menu to 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 an external program, you can paste it into a Text Block as plain text by clicking the Paste as Plain Text button, which looks like a clipboard.

textblockpaste.jpg

This opens a box where you can paste the text.

textblockplaintextpaste.jpg

Remove Formatting

To remove formatting, highlight the text and click the Remove Formatting button, which looks like a "no" symbol. 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 trash can icon.

remove.jpg

You can also remove a Text Block by clicking in the padding around a Text Block and dragging the Block to the trash can 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 format text in different colors?

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 text look different from the rest?

This is probably a result of copying and pasting text into a Text Block. For more information, visit Fixing Text Formatting.