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
Select edit on the top left-hand side of your website preview.
Click the add block option on a page section, or the plus sign inside classic editor.*
Select the line option form the list of content blocks.
Change the width of the line by dragging the side edge to a different location.
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.
How to customize the Squarespace horizontal line block with CSS
CSS stands for Cascading Style Sheet and it’s a special type of code that you can use to customize Squarespace. This tutorial will teach you how to customize the style of your line block using simple CSS code.
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.
Squarespace Support Article
Learn more from the official Squarespace support blog
Squarespace
made simple
Get all the info you need to confidently
launch your Squarespace website ASAP.