| 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 |
|
|
