Buttons

[title text=”Default Button Style” size=”h3″ line=”yes” icon=”fa-asterisk” icon_color=”theme”]
[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="#"]
[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="#"]
[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="#"]
[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="#"]
[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="#"]
[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"]
[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 *