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.
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:
- In text editors like the Text Block, highlight the text you want to format.
- Use the icons in the toolbar to apply formatting to the text.
- Learn more by following the links below.
- Bulleted or numbered list
- Numbered list
- Paste as plain text
- Remove formatting
- Underline (not supported)
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:
- In the Home Menu, click Design, and then click Style Editor.
- 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.
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 the Style Editor, 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.
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 the Style Editor, select the color tweak that corresponds with the text group you want to edit. For more detailed steps, visit Changing colors.
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.
In the Style Editor, 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.
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.
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 the Style Editor, select the Size tweak to set the font size. You can use the slider or manually enter a font size.
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.
In the Style Editor, 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.