How to change the horizontal line colour on a Squarespace site

TutorialsSquarespace 7.0Squarespace 7.1
Written By Primitus Consultancy

In this tutorial, you will learn how to change the color of the horizontal line on your Squarespace site. Whether you're using Squarespace 7.0 or 7.1, the code provided in this tutorial will work seamlessly for both versions. By following the steps outlined below, you'll be able to customize the appearance of the horizontal line on your Squarespace website to suit your design preferences.

Complexity: Easy

Step 1: To change the colour of your horizontal line colour, simply copy the code below:

// Horizontal Line Color// 
.sqs-block-horizontalrule hr {   
background-color: #FFBF00; 
}

Step 2: From your Squarespace account, go to the Custom CSS Editor and paste the code into the Custom CSS editor box.

You can then adjust the background colour to your liking.

Featured
side-bar-logo.png
Plugins-Button.jpg
Templates-Button.jpg
SEO-Button.jpg
11help-Button.jpg
Home Blog
Primitus Consultancy

We work with small and medium-sized businesses to help create a professional online presence. We provide a one shop full-service design studio in London, United Kingdom. 

https://primitusconsultancy.co.uk
Previous

How to add a drop shadow to the horizontal line on a Squarespace site