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 👇

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.

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.

---

📩 Join the inner circle to get exclusive code updates

---

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. 

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?

---

Your designer

I'm Sam, an award-winning Squarespace web designer. I have worked with every type of business, building platforms for solo entrepreneurs through to multi-million dollar corporations. If you want to discuss a potential project, you can email on sam@bycrawford.com or get in touch with me here. Alternatively, you can book in a free 15-minute consultation call here.

---

Want more?