Buttons

Attributes

Attribute Description Values Default
size Define the button size small, medium, large, extra_large, full_width small
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
[row bg_color=”#f2f2f2″ text_align=”center”] [padding] Read more Order now [/padding] [/row] [code] [row bg_color=”#f2f2f2″ text_align=”center”] [padding] Read more Order now [/padding] [/row] [/code] [spacer top=”12px” bottom=”12px”][/spacer] [row bg_color=”#f2f2f2″ text_align=”center”] [padding] Extra large button.

Extra Large button [/padding] [/row] [code] [row bg_color=”#f2f2f2″ text_align=”center”] [padding] Extra large button.

Extra Large button [/padding] [/row] [/code] [spacer top=”12px” bottom=”12px”][/spacer] [row bg_color=”#1c1c1e” text_color=”#fff” text_align=”center”] [padding] Buttons with icon.

Linux Apple [/padding] [/row] [code] [row bg_color=”#1c1c1e” text_color=”#fff” text_align=”center”] [padding] Buttons with icon.

Linux Apple [/padding] [/row] [/code] [spacer top=”12px” bottom=”12px”][/spacer] [row bg_color=”#00a9c5″ text_color=”#fff” text_align=”center”] [padding] Fullwidth button.

Fullwidth button [/padding] [/row] [code] [row bg_color=”#00a9c5″ text_color=”#fff” text_align=”center”] [padding] Fullwidth button.

Fullwidth button [/padding] [/row] [/code]