Buttons

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.

 


This is the size and style of a default button. Below is the shortcode used to create this button.

 

[button onclick="alert('Clicked!');"]Default Button[/button]

Standard button parameters


[button_link url="http://mysite.com"]Default Button[/button_link]

Link button parameters

 


This is an example of a Small button. Small buttons are just like normal buttons only smaller.

 

[button style="small" onclick="alert('Clicked!');"]Small Button[/button]

Standard button parameters


[button_link style="small" url="#"]Small Button[/button_link]

Link button parameters

 


This is an example of a Large button. Again, just like normal buttons only this time, larger.

 

[button style="large" onclick="alert('Clicked!');"]Large Button[/button]

Standard button parameters


[button_link style="large" url="#"]Large Button[/button_link]

Link button parameters

 


Impact buttons draw attention with large bold text to set them apart from other buttons.

 

[button style="impactBtn" onclick=""]Impact Button[/button]

Standard button parameters


[button_link style="impactBtn" url="#"]Impact Button[/button_link]

Link button parameters



Custom Colors

Specify the button background and text colors using the background and color parameters.


 

[button color="#fff" background="#1693A5"]Click me[/button]

Buttons with Icons

Specify a theme icon to use on a button. Enter the name for your button icon using the icon parameter.


 

[button icon="icon-ok"]Icon Button[/button]


See all icons

Standard Button

[button]Button Text[/button]

Parameters (Standard Button)

style
(string) (Optional) The button size or for impact buttons.
Values: small, medium (default), large, impactBtn
color
(string) (Optional) The text color for the button. Any CSS color value can be used.
background
(string) (Optional) The background color for the button. Any CSS color value can be used.
icon
(string) (Optional) The class name of an optional icon. Any icon class listed in the icon shortcodes can be used.
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 size or for impact buttons.
Values: small, medium (default), large, impactBtn
color
(string) (Optional) The text color for the button. Any CSS color value can be used.
background
(string) (Optional) The background color for the button. Any CSS color value can be used.
icon
(string) (Optional) The class name of an optional icon. Any icon class listed in the icon shortcodes can be used.
title
(string) (Optional) Title attribute.
class
(string) (Optional) Class attribute.
id
(string) (Optional) ID attribute.
onclick
(string) (Optional) JavaScript onclick functionality.
function get_quote() { var quote=new Array() quote[0]=”When everything’s coming your way, you’re in the wrong lane.”; quote[1]=”These aren’t the droids you’re looking for.”; quote[2]=”It’s sad that a family can be torn apart by something as simple as a pack of wild dogs.”; quote[3]=”It takes a big man to cry, but it takes a bigger man to laugh at that man.”; quote[4]=”You’re just jealous because the voices only talk to me.”; quote[5]=”Error: No keyboard attached. Please press F1 to continue.”; quote[6]=”Wherever you go, there you are.”; quote[7]=”The face of a child can say it all, especially the mouth part of the face.”; quote[8]=”To me, boxing is like a ballet, except no music, no choreography, and the dancers hit each other.”; quote[9]=”When you go in for a job interview, I think a good thing to ask is if they ever press charges.”; quote[10]=”If trees could scream, would we be so cavalier about cutting them down? We might, if they screamed all the time, for no good reason.”; quote[11]=”I wish I had a kryptonite cross, because then you could keep both Dracula AND Superman away.”; quote[12]=”To me, boxing is like a ballet, except no music, no choreography, and the dancers hit each other.”; quote[13]=”I think in one of my previous lives I was a mighty king, because I like people to do what I say.”; var ran_num = Math.floor(Math.random()*(quote.length)); window.alert(quote[ran_num]); return false; }