How to create a Transparent Button on SquareSpace

Fás X Fís
Feb 11, 2022

--

There’s nothing worse than a long-winded article, on a whole life story, when you just need a little bit of code to fix your Squarespace website.

So to make a button transparent, here’s how.

In Design > Custom CSS input the below:

#BLOCKID
a.sqs-block-button-element {

background: transparent !important;

border: 3px solid white;

width: 250px;

}

To find the block ID I use a Chrome Extension.

You can change the border or size of the button by changing the figures above.

--

--

Fás X Fís
0 Followers

A digital marketing company focused on helping small businesses with their online journey.