Line blocks

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

Line blocks

Last updated May 01, 2023 15:35

Visually separate content with customizable horizontal lines.

Use line blocks to add a horizontal line between blocks on your site. This is a great way to break up text or visually separate content on pages, posts, sidebars, and footers.

Note: Line blocks don't add vertical lines. To add a vertical line, create an image of a line in an image editor outside of Squarespace, then upload it to an image block.

Add a line block

To add a line block:

Edit a page or post, click Add Block or an insert point, and select Line from the menu. For help, visit Adding content with blocks.
Click and drag the line block to move it to a different place on the page. Guidelines will help with your placement. For more help with placing blocks, visit Moving blocks.

Tip: For a more customizable horizontal line, most page sections on version 7.1 include built-in section dividers. We recommend using these to visually divide sections instead of line blocks.

Change the color

How you change the line's color depends on which version of Squarespace your site is on.

Version 7.1
Version 7.0

To change the color of line blocks on your site:

While editing a page, open site styles, then click Colors.
Hover over the selected theme and click the pencil icon.
Under Line Block, click the Line Color tweak.
In the Palette tab, you can select a color from your palette, or click Custom to select another color.
Click Save to save your changes and keep editing, or click Exit and then Save to close the editor.

You can change the line color in these template families using these style tweaks:

Brine - Lines
Farro - Lines
Five - Lines & Decorations
Montauk - Page Border Color
Skye - Color changes automatically to be darker or lighter depending on the Site Background tweak.

Keep in mind:

The line's thickness and shape are fixed across templates.
Changing the line block color changes the color of all lines and borders on your site.
Some templates, such as Avenue and Ishimoto, have page border tweaks that don't affect line blocks.

Was this article helpful?

65 out of 336 found this helpful

Report malware

Report phishing or pharming

Report spam

Report Whois contact inaccuracy

Line blocks

Visually separate content with customizable horizontal lines.

Add a line block

Change the color

Report malware

Report phishing or pharming

Report spam

Report Whois contact inaccuracy

Visually separate content with customizable horizontal lines.

Add a line block

Change the color

Related articles