Circle Button Style

Look Demo

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.

License

This plugin comes with an Unlimited Use License. View License Terms