Solid Drop Shadow Button

Install Steps

Solid Drop Shadow Button

Submitted by Moov Labs Works with all template families


Step One

Add a button to any page with either a solid or outline button style.

Once a button has been added and saved, go to the Custom CSS Editor: Design > Advanced > Custom CSS

Step Two

Copy and paste the code below into the Custom CSS Editor box.

// Solid Drop Shadow Button //

.sqs-block-button-element--small.sqs-block-button-element {
    box-shadow: 5px 5px #FF6969;

Step Three

Replace the color #FF6969 value to change the drop shadow color.

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

Save and refresh the page. 👍

Moov Labs