Squarespace change the colour of a line block

Line blocks are Squarespace marmite. You either love them or hate them. 

If you love them, or at least if you use them on your website, then did you know you can actually change the colour of them?

Keep reading to find out how…

Watch the video

Check out the YouTube video below 👇

Six Figure Design Club framework for designing a perfect homepage

Want a framework for designing the perfect homepage?

How to change the colour of a line block on Squarespace 

To add your line block, head to your edit dashboard and scroll down to where you want to add the line block and add a line just like you would elements such as text boxes and images.

How to change the colour of a line block on Squarespace Image

By the way, if you want to resize your line block (e.g. make it fill the page) the best way to do so is by using Fluid Engine where you can simply drag the line to the length you want it to be.

Once you’ve added your line break head to Design > Site Styles > Colours. In order to change the colour of the line block you need to select from the colour panel, the colour of the section that the line block is in (e.g. lightest 1). Within the element options that you’re then presented with, select Line Colour and opt for the custom option to choose any colour you want. 

How to change the colour of a line block on Squarespace Image 2

Once you’ve changed the colour of your line, don’t forget to hit save. And there you have it, you’ve successfully changed the colour of your line block on Squarespace. 

If you found this article useful then why not check out some more of the by Crawford Squarespace tutorials?

book a call with sam crawford squarespace expert

Need an expert to build your Squarespace website?

Book a free kick-off call with our team to discuss your project requirements in detail.

Previous
Previous

How to Change Button Colour in Squarespace: A 5-Step Guide

Next
Next

[UPDATED] How to add Google reCAPTCHA v3 to Squarespace