Description
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
Small Default Button
Small White Button
Small Gray Button
Small Black Button
Small Orange Button
Small Red Button
Small Blue Button
Small Green Button
.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.
[button style="impactBtn" onclick="alert('An impact button');"]Impact Button[/button]
Standard Button
[button]Button Text[/button]
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
- Size: small, medium (default), large
- 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
[button_link url="http://www.mysite.com"]Button Text[/button_link]
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
- Size: small, medium (default), large
- title
- (string) (Optional) Title attribute.
- class
- (string) (Optional) Class attribute.
- id
- (string) (Optional) ID attribute.
- onclick
- (string) (Optional) JavaScript onclick functionality.