Button

On this page:

Return button.

Shortcode

[button link="#" type="primary" size="lg"]Read More[/button]

Attributes

Attribute Type Values Description
type text default, primary, success, warning, info, danger, inverse, link Type of the button.
size text xs, sm, lg Size class of the button: extra small, small, large.
link url Button link.
target text _blank, _self _blank = open link in a new window, _self = open link in the current window.
icon text Icon name.
icon_pos text before, after Button icon position.
title text Button link title attribute. It's require for tooltip.
ttpos text top, right, bottom, left Tooltip position.
fw boolean 1, 0 Set to "1" to make button 100% witdh.
border boolean 1, 0 Set to "1" to use border style.
class text Custom css class.
ml number Margin left value in pixels, without "px".
mr number Margin right value in pixels, without "px".
mt number Margin top value in pixels, without "px".
mb number Margin bottom value in pixels, without "px".

Attributes - New Learning

Attribute Type Values Description
bgcolor text Background color. Hex or rgb/rgba color value.
bghcolor text Background color on hover. Hex or rgb/rgba color value.
borcolor text Border color. Hex or rgb/rgba color value.
border boolean 1, 0 Set to "1" to use border style.
borhcolor text Border color on hover. Hex or rgb/rgba color value.
center boolean 1, 0 Set to "1" to center button in parent element.
color text Button text color. Hex or rgb/rgba color value.
custom_class text Custom CSS class.
fw boolean 1, 0 Set to "1" to make button 100% witdh.
fwcls text global, light, normal, medium, bold Button font weight.
hcolor text Button text color on hover. Hex or rgb/rgba color value.
iafter boolean 1, 0 Set to "1" to place icon after button text.
icon text Icon name.
isicon boolean 1, 0 Set to "1" to use icon.
link url Button link.
lspacing number Space between letters in pixels, without "px".
mb number Margin bottom value in pixels, without "px".
ml number Margin left value in pixels, without "px".
mr number Margin right value in pixels, without "px".
mt number Margin top value in pixels, without "px".
rounded number 0, 1, -1 0 = global style, 1 = rounded corners, -1 = square corners.
size text normal, sm, lg, xlg Button size: normal, small, large, extra large.
target boolean 1, 0 1 = open link in a new window, 0 = open link in the current window.
type text default, primary, secondary, success, warning, info, danger, inverse, link Type of the button.
upper boolean 1, 0 Set to "1" to transform text characters to uppercase.
width number Button width in pixels, without "px".
wspacing number Space between words in pixels, without "px".