This shortcode used for to display icons with different styles.
Icon
- Icon – Here you choose Preferred Icon.
- View – Here you choose Icon Layout(Default/Stacked/Framed).
- Link – Enter Icon Link URL here.
- Alignment – Here you can choose Icon alignment(Left/Right/Center)
Style
Icon
Here you can set Style for Icon Normal View and Hover View.
- Primary Color – Set Icons Primary Color here.
- Secondary Color – Set Icons Secondary Color here(Stacked View/Framed View).
- Size – Here you can set Icon Size.
- Padding – Here you can set padding value for Counter(Stacked View/Framed View).
- Rotate – This is option for set Icon Rotate value.
- Border Radius – This is option to set value for the Icon border radius(Stacked View/Framed View).
Advanced
This settings will apply for the whole section.
Layout
- Margin – Here you set margin value for the section.
- Padding – Here you can set padding value for the section.
- Width – Select section’s width here.
- Position – Here you can section’s position.
- Z-index – Here you can set Z-index value for the section
- Css ID
– Enter the Section’s Id here. - Css Classes – Here you add extra css classes.
Motion Effects
- Here you can set Animation for the section.
Transform
- The transform CSS property lets you rotate, scale, skew, or translate an element. It modifies the coordinate space of the CSS visual formatting model.
Background
- Here you can set Background color, background image for the section.
Border
- Add Border, Border radius, Box shadow for the section here.
Mask
-
- This option allows you to set mask for the the section. here you can set mask shape, size and position.
Responsive
-
- Here you Hide the specific section on Desktop / Tablet / Mobile.