Buttons

Buttons

Default Button Style

Theme Color DarkCyan DeepSkyBlue RoyalBlue BlueViolet Purple deepPink Crimson Green LawnGreen Yellow Gold Orange OrangeRed Red Chocolate Primary Info Success Warning Danger

Default Button Style with Icon

Theme Color DarkCyan DeepSkyBlue RoyalBlue BlueViolet Purple deepPink Crimson Green LawnGreen Yellow Gold Orange OrangeRed Red Chocolate

Border Button Style

Theme Color DarkCyan DeepSkyBlue RoyalBlue BlueViolet Purple deepPink Crimson Green LawnGreen Yellow Gold Orange OrangeRed Chocolate Red

Icon Button Style

Theme Color DarkCyan DeepSkyBlue RoyalBlue BlueViolet Purple deepPink Crimson Green LawnGreen Yellow Gold Orange OrangeRed Chocolate Red

Float Button Style

Theme Color DarkCyan DeepSkyBlue RoyalBlue BlueViolet Purple deepPink Crimson Green LawnGreen Yellow Gold Orange OrangeRed Chocolate Red

Mix Button Style

Theme Color DarkCyan DeepSkyBlue RoyalBlue BlueViolet Purple deepPink Crimson Green LawnGreen Yellow Gold Orange OrangeRed Chocolate Red

Button Different Size

Theme Color DarkCyan Theme Color DarkCyan Theme Color DarkCyan Theme Color DarkCyan

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