How to Add Vertical Line in Squarespace

When you are creating a new website on Squarespace, you may wonder how to add a vertical line to your website. While Squarespace does not have a block that enables you to add a vertical line to your website, you can easily create one using CSS or code. You can adjust the line’s color, position, thickness, and color to meet your needs. You can also combine the line with other content.

To add a line on a Squarespace page, you can use custom CSS to set the height and width of your line. This CSS will create site-wide style rules for your page. In general, the width of horizontal lines will be the same, but the thickness can be different depending on the design of your site. Copy and paste the code in the Squarespace control panel. You should now be able to see your custom CSS in action.

Next, name your div class. The CSS naming convention dictates that the class name must match CSS’s. If you want your vertical line darker than the rest of your pages, you should name it “v1”. If you want to use multiple div classes, you can also use them for different lines. Once you have defined your class it is time for you to save it and view the changes. You will need to make any additional changes to your CSS again if you make any.