Icon

Buttons

Creating nicely formatted buttons is extremely easy with the button shortcode. Just wrap it around any text to make it look like a button. You can specify a URL to actually make it work as a button and you can adjust various style settings. If you don’t know what shortcodes are we recommend you read our article on How to Use Shortcodes. The parameters of this shortcode are:

url

The URL the user is taken to when the button is clicked

background

The background color of the button. See the section above on using colors for what values you can add here.

color

The text color of the button. See the section above on using colors for what values you can add here.

gradient

If set to ‘yes’ a subtle gradient will be generated based on the background color. The default value is ‘no’.

radius

If you would like a rounded button you can set the radius here. By default it is set to ‘0px’. If you would like a subtle rounded corner use a small value like ‘3px’. if you want heavily rounded corners use something like ‘3px’. Don’t ¬†forget to add the ‘px’ part!

arrow

If set to ‘yes’, an arrow will be generated on the right of the button. The color of this arrow will be the same as the given text color. By default it is set to ‘no’

Examples

[button url='http://redfactory.nl']Red Factory[/button]
Red Factory
[button background='#343434' gradient='yes' radius='5px' color='#fafafa' url='http://bonsaished.com']Bonsai Shed[/button]
Bonsai Shed