[title text=»Default Button Style» size=»h3″ line=»yes»]
[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=»#»]
[space line=»no» style=»dashed»]
[title text=»Default Button Style with Icon» size=»h3″ line=»yes»]
[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=»#»]
[space line=»no» style=»dashed»]
[title text=»Border Button Style» size=»h3″ line=»yes»]
[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» text=»deepPink» color=»deeppink» url=»#»]
[button style=»border» text=»Crimson» color=»crimson» url=»#»]
[button style=»border» text=»Green» color=»green» url=»#»]
[button style=»border» text=»LawnGreen» color=»lawngreen» url=»#»]
[button style=»border» text=»Yellow» color=»yellow» url=»#»]
[button style=»border» text=»Gold» color=»gold» url=»#»]
[button style=»border» text=»Orange» color=»orange» url=»#»]
[button style=»border» text=»OrangeRed» color=»orangered» url=»#»]
[button style=»border» text=»Chocolate» color=»chocolate» url=»#»]
[button style=»border» text=»Red» color=»red» url=»#»]
[space line=»no» style=»dashed»]
[title text=»Icon Button Style» size=»h3″ line=»yes»]
[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=»#»]
[space line=»no» style=»dashed»]
[title text=»Float Button Style» size=»h3″ line=»yes»]
[button style=»float» text=»Theme Color» color=»theme» url=»#»]
[button style=»float» text=»DarkCyan» color=»darkcyan» url=»#»]
[button style=»float» text=»DeepSkyBlue» color=»deepskyblue» url=»#»]
[button style=»float» text=»RoyalBlue» color=»royalblue» url=»#»]
[button style=»float» text=»BlueViolet» color=»blueviolet» url=»#»]
[button style=»float» text=»Purple» color=»purple» url=»#»]
[button style=»float» text=»deepPink» color=»deeppink» url=»#»]
[button style=»float» text=»Crimson» color=»crimson» url=»#»]
[button style=»float» text=»Green» color=»green» url=»#»]
[button style=»float» text=»LawnGreen» color=»lawngreen» url=»#»]
[button style=»float» text=»Yellow» color=»yellow» url=»#»]
[button style=»float» text=»Gold» color=»gold» url=»#»]
[button style=»float» text=»Orange» color=»orange» url=»#»]
[button style=»float» text=»OrangeRed» color=»orangered» url=»#»]
[button style=»float» text=»Chocolate» color=»chocolate» url=»#»]
[button style=»float» text=»Red» color=»red» url=»#»]
[space line=»no» style=»dashed»]
[title text=»Mix Button Style» size=»h3″ line=»yes»]
[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=»#»]
[space]
[title text=»Button Different Size» size=»h3″ line=»yes»]
[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»]
[space]
[title text=»Button Shortcode»]
[button style="mix" icon="fa-star" text="DarkCyan" color="darkcyan" url="#" size="btn-xs" target="_blank"]
Params | Default | Possible Values | Description |
---|---|---|---|
style | default don’t need the option, float-btn , icon-btn , mix-btn |
The button show style | |
size | default don’t need the option, btn-sm , btn-lg , btn-xs |
The button size | |
icon | The button show a icon as front, use FontAwesome icons | ||
text | The button text | ||
align | left | left , center , right |
The button align |
url | The button click open url | ||
target | _self | _self , _blank |
The button click target window |
color | theme | theme , darkcyan , deepskyblue , royalblue , blueviolet , purple , deeppink , crimson , green , lawngreen , yellow , gold , orange , orangered , chocolate , red |
The button color style |