Create a list of items that can be shown individually by clicking an item's header.

Item

Guide to setup and configuration. You can present below a guide and a description of how your system configuration works and add some animated screens.

Item

Guide to setup and configuration. You can present below a guide and a description of how your system configuration works and add some animated screens.

Item

Guide to setup and configuration. You can present below a guide and a description of how your system configuration works and add some animated screens.

Item

Guide to setup and configuration. You can present below a guide and a description of how your system configuration works and add some animated screens.

Item

Guide to setup and configuration. You can present below a guide and a description of how your system configuration works and add some animated screens.

Item

Guide to setup and configuration. You can present below a guide and a description of how your system configuration works and add some animated screens.

Item

Guide to setup and configuration. You can present below a guide and a description of how your system configuration works and add some animated screens.

Item

Guide to setup and configuration. You can present below a guide and a description of how your system configuration works and add some animated screens.

Item

Guide to setup and configuration. You can present below a guide and a description of how your system configuration works and add some animated screens.

Item

Guide to setup and configuration. You can present below a guide and a description of how your system configuration works and add some animated screens.

Item

Guide to setup and configuration. You can present below a guide and a description of how your system configuration works and add some animated screens.

Item

Guide to setup and configuration. You can present below a guide and a description of how your system configuration works and add some animated screens.

Item

Guide to setup and configuration. You can present below a guide and a description of how your system configuration works and add some animated screens.

Item

Guide to setup and configuration. You can present below a guide and a description of how your system configuration works and add some animated screens.

Item

Guide to setup and configuration. You can present below a guide and a description of how your system configuration works and add some animated screens.

Item

Guide to setup and configuration. You can present below a guide and a description of how your system configuration works and add some animated screens.

Item

Guide to setup and configuration. You can present below a guide and a description of how your system configuration works and add some animated screens.

Item

Guide to setup and configuration. You can present below a guide and a description of how your system configuration works and add some animated screens.

Item

Guide to setup and configuration. You can present below a guide and a description of how your system configuration works and add some animated screens.

Item

Guide to setup and configuration. You can present below a guide and a description of how your system configuration works and add some animated screens.

Item
Your Image Title
Guide to setup and configuration. You can present below a guide and a description of how your system configuration works and add some animated screens.

Read more

Item
Your Image Title
Guide to setup and configuration. You can present below a guide and a description of how your system configuration works and add some animated screens.

Read more

Item
Your Image Title
Guide to setup and configuration. You can present below a guide and a description of how your system configuration works and add some animated screens.

Read more

Item
Your Image Title
Guide to setup and configuration. You can present below a guide and a description of how your system configuration works and add some animated screens.

Read more

Item
Your Image Title
Guide to setup and configuration. You can present below a guide and a description of how your system configuration works and add some animated screens.

Read more

Item
Your Image Title
Guide to setup and configuration. You can present below a guide and a description of how your system configuration works and add some animated screens.

Read more

Dropcap

Item
Last mattis iudicium purus sit amet fermentum at nos hinc posthac, sitientis piros afros. Lorem ipsum dolor sit amet, consectetur adipisici elit. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since. Volutpat ipsum vel ultricies dapibusmetus augue augue rutrum lorem tellus eu liberoed id massa vel metus simple tempus.
Item
Last mattis iudicium purus sit amet fermentum at nos hinc posthac, sitientis piros afros. Lorem ipsum dolor sit amet, consectetur adipisici elit. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since. Volutpat ipsum vel ultricies dapibusmetus augue augue rutrum lorem tellus eu liberoed id massa vel metus simple tempus.
Item
Last mattis iudicium purus sit amet fermentum at nos hinc posthac, sitientis piros afros. Lorem ipsum dolor sit amet, consectetur adipisici elit. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since. Volutpat ipsum vel ultricies dapibusmetus augue augue rutrum lorem tellus eu liberoed id massa vel metus simple tempus.
Item
Last mattis iudicium purus sit amet fermentum at nos hinc posthac, sitientis piros afros. Lorem ipsum dolor sit amet, consectetur adipisici elit. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since. Volutpat ipsum vel ultricies dapibusmetus augue augue rutrum lorem tellus eu liberoed id massa vel metus simple tempus.

Content Fields

Here is a list of common content fields for Accordion add-on.

Setting Description
Title A text field used for accordion title
Content Defines the content part for each accordion item.
Image An image field with an image picker.
Button Text A text field used for button text title
Style Select a predefined style for accordion
Box Shadow Select the image's box shadow size.
Hover Box Shadow Select the image's box shadow size on hover.
Enable Drop cap Display the first letter of the paragraph as a large initial

Image Settings

Here is a list of common settings fields for Image. These options are only used, if the image is set for accordion item.

Setting Description
Position Position the navigation at the top, bottom, left or right. A larger style can be applied to left and right navigations.

Behavior Settings

Setting Description
Allow multiple open items To display multiple content sections at the same time without one collapsing when the other one is opened.
Allow all items to be closed Allow closed the accordion item when clicking

General Settings

General settings, which are the same across all add-ons, are grouped in a General section at the bottom. Here is a short overview.

Setting Description
Margin Keep the existing vertical margin (e.g. from headings), force specific margin or remove all margin. Margins of an element can be removed from the top and bottom.
Remove top margin. Use this option to remove the add-on's top margin
Remove bottom margin. Use this option to remove the add-on's bottom margin
Animation Overwrite the animation settings from the section. This won't have any effect unless animations are enabled for the add-on.
Alignment This option specifies the alignment of an add-on according to the surrounding element
Text Breakpoint Define the device width from which the alignment will apply.
Visibility Define when the add-on should be hidden.
CSS Class If you wish to style a particular content element differently, then use this field to add a class name and also refer to it in your css file.