type |
The most important Syntax, choose between 4 Types of Icon Boxes |
default, vertical, box, panel |
default |
form |
Choose the Form for the Icon around, for default it's round |
square |
|
align |
Which alignment should the Iconbox have? For Iconbox-Default only left or right, all other can have left, center, right |
left, center, right |
|
icon |
Choose a Icon for the Icon Box, use fa-name or ti-name |
Any Icon Name |
fa-link |
link |
It's also possible to link the whole Iconbox, can be any Value |
Images, Videos, URLs |
|
title |
If a Link is found, the Title for the Link, important for Search Engines |
|
|
color |
The Text Color for the Icon |
default, success, info, warning, danger, white, dark, primary, secondary, tertiary |
default |
backgroundcolor |
The Background Color for the Icon |
default, success, info, warning, danger, white, dark, primary, secondary, tertiary |
default |
bordercolor |
The Border Color for the Icon |
default, success, info, warning, danger, white, dark, primary, secondary, tertiary |
default |
hovercolor |
The Hover Color for the Icon, means the small Border where appears when Hover |
default, success, info, warning, danger, white, dark, primary, secondary, tertiary |
default |
target |
The Button Destination URL opens with this Target |
|
|
data |
A Data Attribute, can be useful with Tooltips, use data="data-placement='left'" |
|
|
class |
Add a optional Class to the Shortcode |
|
|
id |
Add a optional unique ID to the Shortcode |
|
|
style |
Add optional Style Attributes to the Shortcode |
|
|
lightbox |
Should the Link opens in a Lightbox |
yes, image, iframe, video |
|
lightboxgroup |
Group several Lightbox Links to one Gallery |
|
|
tooltip |
Activates the Tooltip for this Element, title parameter is required in this case |
yes, on, right, bottom, left |
|
animation |
Activates a Animation for this Element |
Many, check the Animations Page |
|
animationduration |
How long should the Animation run |
Any positive Value for seconds |
1s |
animationdelay |
Should the Animation have a delay |
Any positive Value for seconds |
0s |
smoothscroll |
If a internal link is found, for example link="#top" Smooth Scroll will be activated |
yes |
|
matchheight |
If Iconboxes are in one row, use the same Value for all to avtivate a equal Height for all |
|
|