A Beginner’s Guide to Squarespace Line Blocks

You can use a Squarespace line block to add a solid line to a page section.

Line blocks can help you create a visual separation in your website content with stylish horizontal lines.


Pop them in between text blocks or anywhere you want to visually organize your site.

How to add a line block to Squarespace

  1. Select edit on the top left-hand side of your website preview.

  2. Click the add block option on a page section, or the plus sign inside classic editor.*

  3. Select the line option form the list of content blocks.

  4. Change the width of the line by dragging the side edge to a different location.

  5. Change the vertical alignment using the first option that appears when you click on the line in edit mode.

*Classic editor is used by blog posts, additional product details, individual events, and sites built on version 7.0 Learn more inside Squarespace Made Simple*

What you can customize about the line block using Squarespace

The only design feature we have for the line block at this time is to change the color inside the color theme section of your site styles menu.

There is good news - you can do a lot more with custom code, and this free tutorial will teach you how: tutorials.squarespace.com/code/custom-line

Where you can learn more about Squarespace content blocks

Squarespace Made Simple

This mini course for beginners will teach you how to create your first Squarespace website. Lesson seven includes information about content blocks.

LEARN MORE →

Squarespace Support Article

Learn more from the official Squarespace support blog

Previous
Previous

Image Block (Classic Editor)

Next
Next

Map Block