In this article you will find the unique information about iHover shortcode. If you want to learn about some more general issues like using a shortcode etc. See the list bellow or browse the general section.
This shortcode is a container. In order to work properly, container shortcodes needs to be filled with items.
Detailed shortcode description
Bellow you will find a table with all of the shortcodes features and fields. On the right you will find a description for each field/section. All of this settings are available in shortcodes popup, it will be displayed once you create a new shortcode or hit the edit (pencil icon) button.
GeneralThumbnailContentTypographyExtras
Option | Description |
---|---|
Main Preset | Presets are used to easily configure your shortcode. You can choose one of the premade presets or create your own. You can preview the available presets with Preview & Load Preset button. Learn More » |
Width | Define item width. |
Gap | Define gap between items. |
Items Alignment | Choose items alignment. |
Items Shape | Select items shape. Shape defines available hover effects. |
Hover Effect | Select hover effect. You can preview all effects here. |
Hover Effect Style | Select hover effect style. |
Custom Class | Add your custom class to the element. Mostly used for custom CSS/JS. |
Option | Description |
---|---|
Background | Background field contains options needed to create an awesome background inside our shortcodes. You can choose from color (with opacity/alpha channel), radial and linear gradient or custom image. Each background type have some additional options for best outcome control. Learn More » |
Border | In simple mode, this field offer a settings for width (for all edges), style, color and radius. Advanced Settings give an additional control for width of each edge (top, bottom, left and right). Learn More » |
Option | Description |
---|---|
Background | Background field contains options needed to create an awesome background inside our shortcodes. You can choose from color (with opacity/alpha channel), radial and linear gradient or custom image. Each background type have some additional options for best outcome control. Learn More » |
Border | In simple mode, this field offer a settings for width (for all edges), style, color and radius. Advanced Settings give an additional control for width of each edge (top, bottom, left and right). Learn More » |
Option | Description |
---|---|
Typography | Typography field gives you a control over almost all font settings. It also incorporate a Typography Preset functionality. Learn More » |
Typography | Typography field gives you a control over almost all font settings. It also incorporate a Typography Preset functionality. Learn More » |
Option | Description |
---|---|
Spinner – Top-Left | Choose spinner top-left color. |
Spinner – Bottom-Right | Choose spinner bottom-right color. |
Divider | Choose divider color. |
Alignment | Choose divider alignment. |
Height | Define divider height. |
Width | Choose divider width. It will take the specified value of its container width. |
Divider – Margin | It is one of most common field across our shortcodes. The simple mode, contain options for margin size (for all edges) and unit (px, em or %). Advanced Settings give an additional control for width of each edge (top, bottom, left and right). Learn More » |
This shortcode comes with a lots of features. Check the list below for more details (click on each feature to learn more):