Note: If you’re using Squarespace 7 or joined Squarespace after October 17, 2014, visit the Squarespace 7 version of this guide.

The Line Block allows you to add a horizontal line (<hr> in HTML) between Blocks on your site.

Step 1 - Add the Line Block

View a Page, Blog Post, Event, or a Product's Additional Info in the Content Manager and click an Insert Point where you would like to add your Line Block.

In the Block Menu scroll down to Layout and click the Line Block to add it to the Insert Point.

You can also click and drag the Line Block to place it in a different area of the page.

Note: You can also add the Line Block to a Sidebar and Footer, if your template supports it. We have a guide for adding content to your Sidebar here and to your Footer here.

Step 2 - Place the Line Block

If you did not drag the Line Block into place when you added it, click and drag the block to place it within your content. Use the black Insert Mark to anchor your Block and help guide your placement.


Step 3 - Preview the Line Block (Optional)

Now that you have added the Line Block to your page, click the Preview icon to preview the page. Depending on the template you are using, the block will appear similar to the display below.

Step 4 - Color Your Line Block

Some templates have the ability to change the color of the Line Block. If your template has a tweak in the Style Editor called Page Border Color, or something similar, then you may be able to change the color of your Line Block.

Note: Changing the color of the Line Block is not possible on every template. We have some guides for some specific templates here.