Default code:
[button title="" link="" target="_blank" align="" icon="" icon_position="" color="" font_color="" size="2" full_width="" class="" download="" rel="" onclick=""]
|
Attributes
|
Description
|
title
|
Text on the button
|
link
|
Link (with http://)
|
target
|
Link target -
(default),
_blank
(new tab or window),
lightbox
(lightbox - image or embed video)
|
align
|
Button align -
left
,
center
or
right
|
icon
|
To use a button with an icon, type the icon name here
|
icon_position
|
Icon position:
left
or
right
|
color
|
Button background color - Use one of predefined colors, color name, hex or rgba, e.g.:
grey
,
#626262
or
rgba(98, 98, 98, 1)
|
font_color
|
Button text color - Use color name, hex or rgba, e.g.:
grey
,
#626262
or
rgba(98, 98, 98, 1)
|
size
|
Button size:
1,2,3,4
|
full_width
|
Stretch to the width of a column: default
, full width
1
|
class
|
This option is useful when you want to use
scroll
|
download
|
Download file when clicking on the link. Enter the new filename for the downloaded file.
|
rel
|
Adds an
rel="..."
attribute to the link
|
onclick
|
Adds an
onclick="..."
attribute to the link
|
Example of this shortcode below:
[button title="Default button" link="#" target="" icon="" icon_position="" color="" font_color="" size="2" full_width="" class="" download="" rel="" onclick=""]
[button title="Button with icon" link="#" target="" icon="icon-layout" icon_position="left" color="" font_color="" size="2" full_width="1" class="" download="" rel="" onclick=""]
[button title="Button with icon" link="#" target="" icon="icon-basket" icon_position="right" color="" font_color="" size="2" full_width="" class="" download="" rel="" onclick=""]
[button title="Default button" link="#" target="" icon="" icon_position="" color="theme" font_color="" size="2" full_width="" class="" download="" rel="" onclick=""]
