Circle Button Style

---

Description

Turn the button within a button block into a circle. This plugin uses css editor and works with all template families.

---

How To Install

From your Squarespace account, go to the Custom CSS Editor. Copy and paste one of the codes below into the Custom CSS Editor box.

// Circle Button Style //

.sqs-block-button-element--medium {
  padding: 100px 45px !important;
  border-radius: 50% !important;
}

---

Customize

Adjust the padding to your liking and can keep the border radius at 50%.

The code works for the medium button block. If you want to target a small or large button, replace .sqs-block-button-element--medium with .sqs-block-button-element--small or .sqs-block-button-element--large.

---