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 - 0 (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 0, 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=""]
