Button Shortcodes

Description

[hr]

Insert a standard HTML submit input or button. Buttons can also be created using links with anchor tags to direct users to other pages or sites.


Buttons

[one_third]
Small Default Button

Small White Button

Small Gray Button

Small Black Button

Small Orange Button

Small Red Button

Small Blue Button

Small Green Button
[/one_third] [one_third]
Default Button

White Button

Gray Button

Black Button

Orange Button

Red Button

Blue Button

Green Button
[/one_third] [one_third_last]
Large Default Button

Large White Button

Large Gray Button

Large Black Button

Large Orange Button

Large Red Button

Large Blue Button

Large Green Button

[/one_third_last]

.demoBtn .btn {min-width: 138px;} .demoBtn .btn.large {min-width: 185px;}

Impact Button

Impact buttons are specially designed to draw attention. They are large and use the heading font to set them apart from other buttons. Impact buttons are used in the “Call to Action” shortcode.

Impact Button


[button style="impactBtn" onclick="alert('An impact button');"]Impact Button[/button]


Standard Button

[hr]

[code][button]Button Text[/button][/code]

Parameters (Standard Button)

style
(string) (Optional) The button color and size, e.g. “white large”. This may contain any combination of size and color.

Size: small, medium (default), large
Color: dark, white, gray, orange, red, blue, green, black, impactBtn
title
(string) (Optional) Title attribute.
class
(string) (Optional) Class attribute.
id
(string) (Optional) ID attribute.
onclick
(string) (Optional) JavaScript onclick functionality.
name
(string) (Optional) Forms object name attribute.
value
(string) (Optional) Forms object value attribute.



Link Button

[hr]

[code][button_link url=”http://www.mysite.com”]Button Text[/button_link][/code]

Parameters (Link Button)

url
(string) Link to follow when clicked.
target
(string) (Optional) Link target attribute: blank, parent, self, top.
style
(string) (Optional) The button color and size, e.g. “white large”. This may contain any combination of size and color.

Size: small, medium (default), large
Color: dark, white, gray, orange, red, blue, green, black
title
(string) (Optional) Title attribute.
class
(string) (Optional) Class attribute.
id
(string) (Optional) ID attribute.
onclick
(string) (Optional) JavaScript onclick functionality.