InsideTheSquare.co

View Original

How to add a border to Squarespace

This tutorial is for both versions of Squarespace, 7.1 and older versions built with 7. For more information, visit https://insidethesquare.co/themes

You can add a border to anything in a Squarespace site using custom CSS, including the whole page!

In this Squarespace tutorial, you’ll learn how to add a border that goes around your entire website–even the header!

I am using version 7.1 in this tutorial, but the codes we are using will work on older versions too.

To learn more about creative borders, head on over to https://insidethesquare.co/borders

Here is the main code from the tutorial:

The selectors are case-sensitive so be sure to keep the words lowercase!

header, body {border: 30px solid #50bdb8}
header {border-bottom: none}