Solid Drop Shadow Button
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum id ligula porta felis euismod semper.
Quisque iaculis facilisis lacinia. Mauris euismod pellentesque tellus sit amet mollis.
Sed purus sem, scelerisque ac rhoncus eget, porttitor nec odio. Lorem ipsum dolor sit amet.
Vivamus pellentesque vitae neque at vestibulum. Donec efficitur mollis dui vel pharetra.
Praesent id libero id metus varius consectetur ac eget diam. Nulla felis nunc, consequat laoreet lacus id.
Donec id justo non metus auctor commodo ut quis enim. Mauris fringilla dolor vel condimentum imperdiet.
Commodo cursus magna, vel scelerisque nisl consectetur et. Donec id elit non mi porta gravida at eget metus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum id ligula porta felis euismod semper.
Quisque iaculis facilisis lacinia. Mauris euismod pellentesque tellus sit amet mollis.
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
Donec id justo non metus auctor commodo ut quis enim. Mauris fringilla dolor vel condimentum imperdiet.
Commodo cursus magna, vel scelerisque nisl consectetur et. Donec id elit non mi porta gravida at eget metus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum id ligula porta felis euismod semper.
Quisque iaculis facilisis lacinia. Mauris euismod pellentesque tellus sit amet mollis.
Sed purus sem, scelerisque ac rhoncus eget, porttitor nec odio. Lorem ipsum dolor sit amet.
Vivamus pellentesque vitae neque at vestibulum. Donec efficitur mollis dui vel pharetra.
Praesent id libero id metus varius consectetur ac eget diam. Nulla felis nunc, consequat laoreet lacus id.
Donec id justo non metus auctor commodo ut quis enim. Mauris fringilla dolor vel condimentum imperdiet.
Commodo cursus magna, vel scelerisque nisl consectetur et. Donec id elit non mi porta gravida at eget metus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum id ligula porta felis euismod semper.
Commodo cursus magna, vel scelerisque nisl consectetur et. Donec id elit non mi porta gravida at eget metus.