How to add a border to the promo pop-up in Squarespace

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

In this super quick tutorial, you'll learn how to use one simple line of code to add a border to the promo pop-up in Squarespace.

If you haven't started using this feature yet, check out this Promo Pop Up Overview.

Before we dig in, it’s important to know that this feature is only available for business and commerce plans, at least at the time of posting this. If you are on a personal plan, you don’t have to sign up for a whole year of the advanced plans; you can upgrade for a month or two while you need the popup!


Here is the code example from this tutorial:

.sqs-slide-layer-content {border: 5px solid red}

To learn more about creating custom borders with code, check out this tutorial.

insidethesquare

Squarespace Circle Leader & Creator of InsideTheSquare.co

https://insidethesquare.co
Previous
Previous

How to highlight text in Squarespace

Next
Next

How to change the promo pop-up fonts in Squarespace