Button Shadow

Button shadow for all Squarespace buttons (small, medium, large). Customize the shadow color to anything you'd like and customize the button color like normal in the Squarespace style editor! Available for both Squarespace 7.0 & 7.1 official templates.

Copy and paste the code below - instructions found here

- version 7.0 & 7.1

@spcolor1: #FFDFD3; //change me! any hex or rgb color will do. leave the semi colon!

.sqs-block-button-element {
  box-shadow: 10px 15px @spcolor1;
  transition: all 0.3s !important;

.sqs-block-button-element:hover {
  box-shadow: 5px 10px @spcolor1;
  opacity: 1!important;
  transition: all 0.3s !important;
  color: @spcolor1!important;

For Squarespace official templates only. May not work with third-party templates or in conjunction with other plugins that affect the same components. If you have any problems or questions, please contact us!