Buttons

[title text=”Default Button Style” size=”h3″ line=”yes” icon=”fa-asterisk” icon_color=”theme”]
[button text=”Theme Color” color=”theme” url=”#”]
[button text=”DarkCyan” color=”darkcyan” url=”#”]
[button text=”DeepSkyBlue” color=”deepskyblue” url=”#”]
[button text=”RoyalBlue” color=”royalblue” url=”#”]
[button text=”BlueViolet” color=”blueviolet” url=”#”]
[button text=”Purple” color=”purple” url=”#”]
[button text=”deepPink” color=”deeppink” url=”#”]
[button text=”Crimson” color=”crimson” url=”#”]
[button text=”Green” color=”green” url=”#”]
[button text=”LawnGreen” color=”lawngreen” url=”#”]
[button text=”Yellow” color=”yellow” url=”#”]
[button text=”Gold” color=”gold” url=”#”]
[button text=”Orange” color=”orange” url=”#”]
[button text=”OrangeRed” color=”orangered” url=”#”]
[button text=”Red” color=”red” url=”#”]
[button text=”Chocolate” color=”chocolate” url=”#”]
[button text=”Primary” color=”btn-primary” url=”#”]
[button text=”Info” color=”btn-info” url=”#”]
[button text=”Success” color=”btn-success” url=”#”]
[button text=”Warning” color=”btn-warning” url=”#”]
[button text=”Danger” color=”btn-danger” url=”#”]

[button text="Theme Color" color="theme" url="#"]

[space line=”no” style=”dashed”]
[title text=”Default Button Style with Icon” size=”h3″ line=”yes” icon=”fa-asterisk” icon_color=”theme”]
[button icon=”fa-star” text=”Theme Color” color=”theme” url=”#”]
[button icon=”fa-star” text=”DarkCyan” color=”darkcyan” url=”#”]
[button icon=”fa-star” text=”DeepSkyBlue” color=”deepskyblue” url=”#”]
[button icon=”fa-star” text=”RoyalBlue” color=”royalblue” url=”#”]
[button icon=”fa-star” text=”BlueViolet” color=”blueviolet” url=”#”]
[button icon=”fa-star” text=”Purple” color=”purple” url=”#”]
[button icon=”fa-star” text=”deepPink” color=”deeppink” url=”#”]
[button icon=”fa-star” text=”Crimson” color=”crimson” url=”#”]
[button icon=”fa-star” text=”Green” color=”green” url=”#”]
[button icon=”fa-star” text=”LawnGreen” color=”lawngreen” url=”#”]
[button icon=”fa-star” text=”Yellow” color=”yellow” url=”#”]
[button icon=”fa-star” text=”Gold” color=”gold” url=”#”]
[button icon=”fa-star” text=”Orange” color=”orange” url=”#”]
[button icon=”fa-star” text=”OrangeRed” color=”orangered” url=”#”]
[button icon=”fa-star” text=”Red” color=”red” url=”#”]
[button icon=”fa-star” text=”Chocolate” color=”chocolate” url=”#”]

[button icon="fa-star" text="Theme Color" color="theme" url="#"]

[space line=”no” style=”dashed”]
[title text=”Icon Button Style” size=”h3″ line=”yes” icon=”fa-asterisk” icon_color=”theme”]
[button style=”icon” icon=”fa-star” text=”Theme Color” color=”theme” url=”#”]
[button style=”icon” icon=”fa-star” text=”DarkCyan” color=”darkcyan” url=”#”]
[button style=”icon” icon=”fa-star” text=”DeepSkyBlue” color=”deepskyblue” url=”#”]
[button style=”icon” icon=”fa-star” text=”RoyalBlue” color=”royalblue” url=”#”]
[button style=”icon” icon=”fa-star” text=”BlueViolet” color=”blueviolet” url=”#”]
[button style=”icon” icon=”fa-star” text=”Purple” color=”purple” url=”#”]
[button style=”icon” icon=”fa-star” text=”deepPink” color=”deeppink” url=”#”]
[button style=”icon” icon=”fa-star” text=”Crimson” color=”crimson” url=”#”]
[button style=”icon” icon=”fa-star” text=”Green” color=”green” url=”#”]
[button style=”icon” icon=”fa-star” text=”LawnGreen” color=”lawngreen” url=”#”]
[button style=”icon” icon=”fa-star” text=”Yellow” color=”yellow” url=”#”]
[button style=”icon” icon=”fa-star” text=”Gold” color=”gold” url=”#”]
[button style=”icon” icon=”fa-star” text=”Orange” color=”orange” url=”#”]
[button style=”icon” icon=”fa-star” text=”OrangeRed” color=”orangered” url=”#”]
[button style=”icon” icon=”fa-star” text=”Chocolate” color=”chocolate” url=”#”]
[button style=”icon” icon=”fa-star” text=”Red” color=”red” url=”#”]

[button style="icon" icon="fa-star" text="Theme Color" color="theme" url="#"]

[space line=”no” style=”dashed”]
[title text=”Float Button Style” size=”h3″ line=”yes” icon=”fa-asterisk” icon_color=”theme”]
[button style=”float” icon=”fa-star” text=”Theme Color” color=”theme” url=”#”]
[button style=”float” icon=”fa-star” text=”DarkCyan” color=”darkcyan” url=”#”]
[button style=”float” icon=”fa-star” text=”DeepSkyBlue” color=”deepskyblue” url=”#”]
[button style=”float” icon=”fa-star” text=”RoyalBlue” color=”royalblue” url=”#”]
[button style=”float” icon=”fa-star” text=”BlueViolet” color=”blueviolet” url=”#”]
[button style=”float” icon=”fa-star” text=”Purple” color=”purple” url=”#”]
[button style=”float” icon=”fa-star” text=”deepPink” color=”deeppink” url=”#”]
[button style=”float” icon=”fa-star” text=”Crimson” color=”crimson” url=”#”]
[button style=”float” icon=”fa-star” text=”Green” color=”green” url=”#”]
[button style=”float” icon=”fa-star” text=”LawnGreen” color=”lawngreen” url=”#”]
[button style=”float” icon=”fa-star” text=”Yellow” color=”yellow” url=”#”]
[button style=”float” icon=”fa-star” text=”Gold” color=”gold” url=”#”]
[button style=”float” icon=”fa-star” text=”Orange” color=”orange” url=”#”]
[button style=”float” icon=”fa-star” text=”OrangeRed” color=”orangered” url=”#”]
[button style=”float” icon=”fa-star” text=”Chocolate” color=”chocolate” url=”#”]
[button style=”float” icon=”fa-star” text=”Red” color=”red” url=”#”]

[button style="float" icon="fa-star" text="Theme Color" color="theme" url="#"]

[space line=”no” style=”dashed”]
[title text=”Border Button Style” size=”h3″ line=”yes” icon=”fa-asterisk” icon_color=”theme”]
[button style=”border” text=”Theme Color” color=”theme” url=”#”]
[button style=”border” text=”DarkCyan” color=”darkcyan” url=”#”]
[button style=”border” text=”DeepSkyBlue” color=”deepskyblue” url=”#”]
[button style=”border” text=”RoyalBlue” color=”royalblue” url=”#”]
[button style=”border” text=”BlueViolet” color=”blueviolet” url=”#”]
[button style=”border” text=”Purple” color=”purple” url=”#”]
[button style=”border” icon=”fa-star” text=”deepPink” color=”deeppink” url=”#”]
[button style=”border” icon=”fa-star” text=”Crimson” color=”crimson” url=”#”]
[button style=”border” icon=”fa-star” text=”Green” color=”green” url=”#”]
[button style=”border” icon=”fa-star” text=”LawnGreen” color=”lawngreen” url=”#”]
[button style=”border” icon=”fa-star” text=”Yellow” color=”yellow” url=”#”]
[button style=”border” icon=”fa-star” text=”Gold” color=”gold” url=”#”]
[button style=”border” icon=”fa-star” text=”Orange” color=”orange” url=”#”]
[button style=”border” icon=”fa-star” text=”OrangeRed” color=”orangered” url=”#”]
[button style=”border” icon=”fa-star” text=”Chocolate” color=”chocolate” url=”#”]
[button style=”border” icon=”fa-star” text=”Red” color=”red” url=”#”]

[button style="border" text="Theme Color" color="theme" url="#"]

[space line=”no” style=”dashed”]
[title text=”Mix Button Style” size=”h3″ line=”yes” icon=”fa-asterisk” icon_color=”theme”]
[button style=”mix” icon=”fa-star” text=”Theme Color” color=”theme” url=”#”]
[button style=”mix” icon=”fa-star” text=”DarkCyan” color=”darkcyan” url=”#”]
[button style=”mix” icon=”fa-star” text=”DeepSkyBlue” color=”deepskyblue” url=”#”]
[button style=”mix” icon=”fa-star” text=”RoyalBlue” color=”royalblue” url=”#”]
[button style=”mix” icon=”fa-star” text=”BlueViolet” color=”blueviolet” url=”#”]
[button style=”mix” icon=”fa-star” text=”Purple” color=”purple” url=”#”]
[button style=”mix” icon=”fa-star” text=”deepPink” color=”deeppink” url=”#”]
[button style=”mix” icon=”fa-star” text=”Crimson” color=”crimson” url=”#”]
[button style=”mix” icon=”fa-star” text=”Green” color=”green” url=”#”]
[button style=”mix” icon=”fa-star” text=”LawnGreen” color=”lawngreen” url=”#”]
[button style=”mix” icon=”fa-star” text=”Yellow” color=”yellow” url=”#”]
[button style=”mix” icon=”fa-star” text=”Gold” color=”gold” url=”#”]
[button style=”mix” icon=”fa-star” text=”Orange” color=”orange” url=”#”]
[button style=”mix” icon=”fa-star” text=”OrangeRed” color=”orangered” url=”#”]
[button style=”mix” icon=”fa-star” text=”Chocolate” color=”chocolate” url=”#”]
[button style=”mix” icon=”fa-star” text=”Red” color=”red” url=”#”]

[button style="mix" icon="fa-star" text="Theme Color" color="theme" url="#"]

[space]
[title text=”Button Different Size” size=”h3″ line=”yes” icon=”fa-asterisk” icon_color=”theme”]
[button text=”Theme Color” color=”theme” url=”#” size=”btn-lg”]
[button text=”DarkCyan” color=”darkcyan” url=”#” size=”btn-lg”]
[button text=”Theme Color” color=”theme” url=”#”]
[button text=”DarkCyan” color=”darkcyan” url=”#”]
[button text=”Theme Color” color=”theme” url=”#” size=”btn-sm”]
[button text=”DarkCyan” color=”darkcyan” url=”#” size=”btn-sm”]
[button text=”Theme Color” color=”theme” url=”#” size=”btn-xs”]
[button text=”DarkCyan” color=”darkcyan” url=”#” size=”btn-xs”]

[button text="Theme Color" color="theme" url="#" size="btn-lg"]

[space]
[title text=”Button Shortcode” size=”h3″ line=”yes” icon=”fa-code” icon_color=”theme”]

Params Default Possible Values Description
text The button text
icon The fontawesome icon name
style normal , icon , float , border , mix The button style
color theme, darkcyan, deepskyblue, royalblue, blueviolet, purple, deeppink, crimson, green, lawngreen, yellow, gold, orange, orangered, chocolate, red, btn-primary , btn-info , btn-success , btn-warning , btn-danger The button color
size btn-xs, btn-sm, , btn-lg The button size
align left , center , right The button align
url The button link
target _blank, _self The button link target
btn_block yes, no The button block style
min_width The button min width

Leave a Reply

Your email address will not be published. Required fields are marked *