Note: While our most popular guides have been translated into Spanish, some guides are only available in English.
Formatting and styling text

In Squarespace, there are two main ways to customize how text looks:

  • Formatting the structure of the text, including headers, lists, indentation, and bold/italics.
  • Styling the look of the text, including fonts, colors, sizes, and spacing.

Formatting happens in text editors like the Text Block, which is where you also add the text. Styling happens in the Style Editor.

Format text

Formatting creates the basic text structure, helping you organize thoughts on a page. You can apply formatting to text while you’re editing or adding it.

To format your text:

  1. In text editors like the Text Block, highlight the text you want to format.
  2. Use the icons in the toolbar to apply formatting to the text.
  3. Learn more by following the links below.

Style text

Styling controls the typography (font design), giving the words personality and flare. After applying formatting, use the Style Editor to change the style.

To style your text:

  1. In the Home Menu, click Design, and then click Style Editor.
  2. Follow the steps in Changing fonts.

To help you achieve a consistent look, Style Editor tweaks apply to all text with a specific format. For example, you can change the font of all headers at once, or all body text at once. Each template has slightly different text styling options. Learn more about how this works in Changing fonts.

Note: More specific style options are available for different fonts and templates.
Note: Some templates use an em value rather than px (pixels) for font and spacing size. This means its size is relative to the parent text size (most commonly, body text), and will adjust with it. If you enter a value directly in the number field, you can keep the size scalable with the em value or enter px to keep it fixed instead.

Example steps

For example, to add a header (format), turn a line of text into a Heading in the Text Block, and then save your changes.

Header_1.gif

Then, open the Style Editor, and change the font and size (style) of that header across your site.

StyleEditor.gif

Align

In the Text Block toolbar, click the paragraph align icon to align text to the left, center, or right.

Bold

In the Text Block toolbar, click the (B) to bold.

Bold.png

Headings

In the Text Block toolbar, use the Format drop-down menu to create headings.

Squarespace offers three levels of headings:

  • Heading 1 (h1)
  • Heading 2 (h2)
  • Heading 3 (h3)
Tip: Create a pull quote by mixing heading styles and wrapping one Text Block around another.

Heading_1.png

Indent

In the Text Block toolbar, click the increase or decrease indent icons to indent text to the left or right.Indent.png

Italics

In the Text Block toolbar, click the (I) to italicize.

Italics.png

Link

In the Text Block toolbar, highlight the text you want to link, then click the link icon. You can link to:

  • An external page
  • An internal page
  • A file
  • An email address
  • A phone number

For detailed steps, visit Adding links to your site.

List

In the Text Block toolbar, click the numbered and bulleted list icons to create lists.

Numbered_bulleted.png

Normal

In the Text Block toolbar, select Normal from the drop-down menu to add regular body text. 

Normal.png

Paste as plain text

If you copied text from an external program, paste it into the block as plain text by clicking the clipboard icon in the Text Block toolbar.

Quote

In the Text Block toolbar, select Quote to add quote formatting. The format of the quote varies by template. For example, in some templates, the quote has a vertical line to the left to add visual separation.

Tip: As an alternative, use a Quote Block. The block has its own style options in some templates, which helps the quote stand out.

Quote.png

Remove formatting

In the Text Block toolbar, select the remove formatting icon to strip the text of formatting. This can be useful if you paste text from other sources, or to start over. 

Remove_Formatting.png

Underline (not supported)

The Text Block doesn't have an editing function to underline text. If you’re comfortable using HTML, you can do this using a Markdown Block or Code Block. Please note that we don't provide support for advanced modifications like these. Review our Custom code FAQ for more details.

Color

In the Style Editor, select the color tweak that corresponds with the text group you want to edit. For more detailed steps, visit Changing colors.

Font

In the Style Editor, select the text group you want to edit, and then click the Font drop-down menu to select a new font. For detailed steps, visit Changing fonts

Letter Spacing

In the Style Editor, select the Letter Spacing tweak to change the space between letters.

Note: Negative values may cause overlapping characters.

Letter_Spacing.png

Line Height

In the Style Editor, select the Line Height tweak to change the space between lines. 

Note: A line height of 0em may cause overlapping text, especially on mobile devices.

Line_Height.png

Maximum and minimum

Scaling fonts lets you control how big or small your site font gets when visitors use different devices. Learn how to customize your settings in Scaling fonts

Size

In the Style Editor, select the Size tweak to set the font size. You can use the slider or manually enter a font size. 

Size.png

Text Transform

In the Style Editor, select the Text Transform tweak to apply capitalization styling to text, including:

  • Capitalize - Capitalize The First Letter Of Every Word
  • Uppercase - ALL CAPS
  • Lowercase - make every letter lowercase
Note: The Text Transform tweak only applies to certain text groups.

Weight

In the Style Editor, use the Weight tweak to make text thicker or thinner.

Weight.png

Troubleshooting

If you copy and paste content from programs like Microsoft Word or Google Drive, the text might carry over hidden styling that interferes with how it's formatted in Squarespace. If you see issues with spacing or headings in pasted text, visit Fixing text formatting for help.

Was this article helpful?
2 out of 4 found this helpful
Formatting and styling text