The Text Block allows you to add and format text to appear within your site.

 

 

Step 1 - Add the Text Block

By adding a new Page, Blog Post, Event, or a Product's Additional Info in the Content Manager you will able to add text immediately as content to your site. 

To add an additional Text Block click an Insert Point where you would like to insert the new block

In the Block Menu scroll down to Basic and click the Text Block to add it to the Insert Point.

You can also click and drag the Text Block to place it in a different area of the page.

Note: You can also use and add the Text Block to a Sidebar and Footer, if your template supports them. You can check out our guides on adding content to your Sidebar and Footer.

Step 2 - Add your text

You can type your text directly within the Text Block to add text to your site.

Note: Squarespace does not currently support scripts or text that needs to be written Right-to-Left (RTL).

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

You can also create a single line break (<br> in HTML) by pressing Shift+Return (or Shift+Enter). Pressing Return/Enter alone will create a paragraph break (<p> in HTML). There is more space between paragraphs than between single line breaks.

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

Formatting your text

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

using-the-text-block-1.jpg

To format text, simply use your mouse to highlight the text you want to format. Then use the buttons in the Text Block Editor. Located here are buttons to bold or italicize text; create a text link; align your text to the left, center, or right; create a heading; create a blockquote; add a numbered or bulleted list; undo and redo; and remove formatting.

Bold/Italicize Text

Highlight your text and use the bold or italics button to style specific text within your site.

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 would like to act as the Hyperlink and select the Hyperlink button from 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. You can view our guide for creating text links for more information on this.

using-the-text-block-3.jpg

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

Note: When uploading files as a text link there is a 20MB file limit.

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 is a dropdown 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: You can edit the fonts and colors of your headings and normal text in your Style Editor. We have a guide on using the Style Editor here.
Note: This is a blockquote. On our Help Site, we have styled our blockquotes to have a special design. Depending on the template you are using your blockquotes will appear differently. You can use CSS to give them a different style if you wish to and have coding knowledge. See our guide here on how you should use custom CSS and our guide here on using the CSS editor. Please note that Squarespace does not 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 that has not been indented.

This is text that has been indented once.

Paste as Plain Text

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

textblockpaste.jpg

This will open a box for you to input the text you'd like to paste.

textblockplaintextpaste.jpg

Remove Formatting

To remove formatting highlight the text and use the Ax button. This will configure the text back to its original formatting.

using-the-text-block-11.jpg

Undo/Redo

Click the Undo and Redo arrows to undo an action you just did or redo an action you undid.

using-the-text-block-12.jpg

Remove the Text Block

To remove the Text Block simply 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

Can I underline text?

No, the Text Block does not have an editing function to underline text. You can do this using custom HTML and CSS with a Code Block. We have a guide on using the Code Block here. Please note that we do not provide support for advanced modifications like this.

Can I make some text be a different color?

All normal (paragraph) text will be the same color, and each heading type will be the same color as its same type. This can only be overriden using custom CSS. See our guide here on how you should use custom CSS and our guide here on using the CSS editor. 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 have different parts of a page have different background colors is to use a background image (if your template supports it) or by using custom CSS. The Text Block does not have a setting to have a unique background color.

Can I add an image to a Text Block?

This is also best done with a background image or custom CSS.

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

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

It is also possible that you have that text set has a heading or as preformatted text. Highlight that text in your Content Manager and select the Formatting Dropdown Menu to change this to be the type of text you want it to be.