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 Site Styles panel.

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 Site Styles to change the style.

To style your text:

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

To help you achieve a consistent look, Site Styles 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.


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



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



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



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

Choose from 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.



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



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



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.



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



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


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.



In the Text Block toolbar, select the quote icon 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.


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. 


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.


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


In Site Styles, 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 Site Styles, select the Letter Spacing tweak to change the space between letters.

When setting the letter spacing:

  • Negative values may cause overlapping characters.
  • If your spacing changes don't show on mobile, ensure your spacing is set to px instead of em. For templates in the Bedford and Pacific families, headers have a maximum spacing on mobile.


Line Height

In Site Styles, 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.


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


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


Text Transform

In Site Styles, 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.


In Site Styles, use the Weight tweak to make text thicker or thinner.



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?
11 out of 35 found this helpful