Plugin Directory

Test out the new Plugin Directory and let us know what you think.
!This plugin hasn’t been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

Standout CSS3 Buttons

Display CSS3 style buttons with gradient color styles on your website using shortcodes or PHP function call.

Based on this blog post from Brian Gardner, display cool CSS3 style gradient buttons on your site using shortcodes.

You can also call the plugin in your functions.php or in a plugin. Choose from several different color styles, partially inspired by social media, or create your own.

If you need help with this plugin

If this plugin breaks your site or just flat out does not work, please go to Compatibility and click "Broken" after verifying your WordPress version and the version of the plugin you are using.

Then, create a thread in the Support forum with a description of the issue. Make sure you are using the latest version of WordPress and the plugin before reporting issues, to be sure that the issue is with the current version and not with an older version where the issue may have already been fixed.

Please do not use the Reviews section to report issues or request new features.


  • Create unlimited number of modern style buttons
  • Works with most browsers, but degrades nicely in older browsers
  • CSS3 compliant, no Javascript or other code is used to generate button (note that Javascript is used to open links in new windows)
  • CSS only loads on pages with shortcode or function call
  • You can use shortcodes inside shortcodes, i.e. [standout-css3-button][my_shortcode][/standout-css3-button]
  • Many different color styles to choose from, but you can also create your own
  • Custom CSS automatically busts caches when you update it. Change it as often as you want, it will display changes in real-time!


To display on any post or page, use this shortcode:

[standout-css3-button href="http://www.yahoo.com/"]Button text goes here[/standout-css3-button]

Make sure you go to the plugin settings page after installing to set options.

If you use and enjoy this plugin, please rate it and click the "Works" button below so others know that it works with the latest version of WordPress.

Requires: 4.0 or higher
Compatible up to: 4.1.15
Last Updated: 2 years ago
Active Installs: 4,000+


4.4 out of 5 stars


Got something to say? Need help?


Not enough data

0 people say it works.
0 people say it's broken.

100,1,1 100,1,1