Buttons

You can put custom buttons in your posts, pages, and widgets by using the button shortcode. Button shortcodes take 4 attributes: url, color, size, and block. All attributes are optional. The default button looks like this Default Button and is rendered using the shortcode [button]Default Button[/button]. The text inside the [button][/button] tags can be anything you want. Buttons utilize CSS3 and will look great in modern browsers. In older browsers the buttons won’t look as good, but they will still work the same.

Valid properties/values for button attributes

size  - mini, small, large (mini is the default)
url   - Any valid url. You must include the "http://" or "https://" prefix (e.g. http://agentevolution.com)
color - primary (blue), alt (green), none (default grey color)
block - 1 (button will be block level)
newtab - 1 (button link will open in new tab/window)

Button Shortcode in Action

[button url="http://agentevolution.com" size="mini"]Mini[/button]
[button url="http://agentevolution.com" size="small"]Small[/button]
[button url="http://agentevolution.com" size="large"]Large[/button]
[button url="http://agentevolution.com" color="primary" size="large"]Primary[/button]
[button url="http://agentevolution.com" color="alt" size="large"]Alt[/button]
[button url="http://agentevolution.com" color="primary" size="large" newtab="1"]New tab[/button]

Block Level Buttons

By default buttons are displayed inline.
Giving a button an attribute of block=”1″ will make it break onto a new line and expand to the width of its container. Block Button Any text after the button will show on a new line like this.

[button block="1" size="large" color="alt"]Block Button[/button]

[social_icons]

[agent_phone]
[agent_email]
[agent_address]