Buttons

Clickable buttons.


Attributes

Parameters Description Values Default
size Define the button size medium, large, full_width N/A
color Defines the button color white, gray, black, accent N/A
text Define the button text Text N/A
text_color Define the button text color HEX or RGB value N/A
font_style Define the button text font style normal, italic, oblique, initial, inherit normal
font_weight Define the button text font weight normal, bold, bolder, lighter, %number normal
align Define the button alignment (values: left, right) left, right left
text_color Define the text color HEX value N/A
text_align Define the text alignment left, right, center, justify left
icon Define the button icon Available icons N/A
icon_color Define the button icon color HEX or RGB value N/A
margin Define the button fixed margin pixels, pt, em, % N/A
link Define the button url URL N/A
target Define the button url target _self, _blank _self
Demo
Read more Order now
[button color="gray" text="Read more" link="#" ][/button]
[button color="accent" text="Order now" link="#" ][/button]
Buttons with icon.
Apple Linux Microsoft
[button icon="fa-apple" text="Apple" link="#"][/button ]
[button icon="fa-linux" text="Linux" link="#"][/button ]
[button icon="fa-windows" text="Microsoft" link="#"][/button]
Medium Sized Buttons.
Apple Linux Microsoft
[button size="medium" icon="fa-apple" text="Apple" link="#"][/button]
[button size="medium" icon="fa-linux" text="Linux" link="#"][/button]
[button size="medium" icon="fa-windows" text="Microsoft" link="#"][/button]
Large Sized Buttons.
Apple Linux Microsoft
[button size="large" icon="fa-apple" text="Apple" link="#"][/button]
[button size="large" icon="fa-linux" text="Linux" link="#"][/button]
[button size="large" icon="fa-windows" text="Microsoft" link="#"][/button]