Squarespace Button Styles: Primary, Secondary, and Tertiary Button Block Options

This tutorial was recorded in Squarespace 7.1 but also applies to legacy sites built on version 7. For more information, visit insidethesquare.co/themes

In this Squarespace tutorial, you’ll learn how to create and customize the primary, secondary, and tertiary button styles in Squarespace.

We can use the design menu to change the font style, color, shape, padding, and more!

---

Here are some time stamps for important parts of this tutorial in case you want to jump ahead:

00:48 How to change button styles using the mini menu

02:10 How to add a button to a page in Squarespace

02:33 How to open your button style options

02:39 How to change your button fonts

04:26 How to change button colors

06:15 How to change a button shape

06:36 How to change letter spacing for a button

06:57 How to change a button shape

08:05 How to change the padding of a button