This shortcode used to display popover while click on Text, Icon , Image etc..
Pick any one from the following options Icon/Image/Button/Text as per your need.
Content
General
- Popover Trigger Type – Here you can choose Popover Trigger Type(Icon/Button/Image/Text).
- Offcanvas Animation – Here you can choose Offcanvas Animation Style.
- Offcanvas Type – Here you can choose Offcanvas Type(Text Content/HTML Element). If you want Text Content then add Content in Offcanvas Content area.
- Element ID – If Your Offcanvas Type is HTML Element then you can add HTML Element ID here.
Icon
- Icon – Here Choose the Required Icon.
Button
- Type – Here Choose the Type Button.
- Text – Here you can Enter Text for the Button.
- Size – Here you can choose button Size(Small/Medium/Large/Extra Small/Extra Large)
- Icon – Here you can choose Required Icon.
- Icon Spacing – This is option for giving space to Icon.
- Button ID – Here you can add Unique Button Id.
Image
- Popover Trigger Image – Here Choose Offcanvas Trigger Image .
Text
- Popover Text– Here you can add Popover Text.
Style
General
- Offcanvas Font Color – Here you can set Offcanvas Font Color.
- Link Color – Here you can add Link Color.
- Link Hover Color – Here you can add Link Hover Color.
- Offcanvas Background Color – Here you can add Offcanvas Background Color.
Trigger Text
- Color – Here you can add Popover Text Color.
- Typography – Here you can choose Text font family, size, weight etc..
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.