New! Plugin Pack

A plugin pack helps had new styles to multiple, similar elements at once for quicker and easier customization. If there is an button you’d like added in a future update, let us know.

Super Plugin Info

• Works with Squarespace 7.1

• Requires Personal Plan or Higher

• Uses CSS Editor

• Hover Only Compatible On Desktop

Step 1. Add This Code To Custom CSS

Step 2. Customizable Options

The options are available in Custom CSS.

• Pressed Down Speed

• Button Opacity (On Hover)

• Header Button (Shadow Size and Color)

• Primary Button Block (Shadow Size and Color)

• Secondary Button Block (Shadow Size and Color)

• Tertiary Button Block (Shadow Size and Color)

• Add To Cart Button (Shadow Size and Color)

• Checkout Button (Shadow Size and Color)

• Member Sites Join Button (Shadow Size and Color)

• Form Block Button (Shadow Size and Color)

• Newsletter Block Button (Shadow Size and Color)

Helpful Tip - Turn On / Off Shadow (Per Button)

To remove the box shadow from a specific button, replace the px and color values with none. Please note that the pressed down effect will still apply.

Plugin Notes

• Press effect only compatible on desktop

• Button styles (colors, shape, etc) will be set via Squarespace button settings