Website Building » Squarespace » How Do I Add a Line Between Sections in Squarespace?

How Do I Add a Line Between Sections in Squarespace?

Last updated on October 1, 2022 @ 6:20 am

There are many ways to add a line between sections in Squarespace. One way is to use the line tool in the Design Mode panel. Another way is to use HTML code.

To use the line tool, select the line tool from the Design Mode panel. Then click and drag to draw a line between sections. To change the color or thickness of the line, double-click on the line and make your changes in the Style Editor.

To use HTML code, first create a new HTML block in the content area where you want to add a line. Then paste the following code into the HTML block:


This will create a horizontal line between sections. You can change the color of the line by adding the following code:

PRO TIP: Adding a line between sections in Squarespace can be tricky and may result in unexpected results. If you are not careful, you may end up with a line that is too thick or too thin, or that does not line up correctly.

The code above will create a red, dashed line that is 3px thick. You can change the color, thickness, and style of the line by modifying the CSS code.

Conclusion:

There are two ways to add a line between sections in Squarespace – by using the line tool in Design Mode or by using HTML code. To use HTML code, simply create a new HTML block and paste in the desired code.

Morgan Bash

Morgan Bash

Technology enthusiast and Co-Founder of Women Coders SF.