Add a gradient color to any button block. This plugin uses css editor and works with all template families.

Add a button to any page with a solid or raised style.

Once a button has been added and saved, go to the Custom CSS Editor. There are two styles available. Copy and paste one of the codes below into the Custom CSS Editor box.

Replace both #000000 and #ffffff with the color codes of your choice. Visit UI Gradients or Colorzilla for help with generating gradient color codes and patterns. Both of these sites make it super easy!

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