Solid Drop Shadow Button

Look Demo

Add a solid drop shadow to any button, any size. This plugin uses css editor and works with all template families.

How To Install

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. Copy and paste the code below into the Custom CSS Editor box.

// Solid Drop Shadow Button //

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

Customize

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.

License

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

Previous
Previous

Transparent Gradient Mobile Menu

Next
Next

Stretchy Navigation Line