Divi Accordions Plus Parent Module Settings Overview
Divi Accordions Plus parent module settings apply to all accordion items and the accordion main container element. The settings are divided into three standard groups: Content, Design and Advanced.
CONTENT SETTINGS
This section includes the following settings:
- Speed
- Mode
- Link
- Background
- Admin Label
Here you can add new accordion items by clicking the Add New Item "+" icon. The Speed section contains the Toggle open/close speed setting allowing to set the accordion items opening/closing speed.
The Mode section contains the Accordion Mode setting allowing the user to open multiple accordion items (the Multiple Active Toggles option), or to have only one open accordion item at a time (the Single Active Toggle option).
While selecting the Single Active Toggle option allows to have only one open accordion item within one accordion module, enabling the Global Accordion Mode setting (that shows up when the Single Active Toggle option is selected) allows to extend this feature across multiple accordion modules on the page that have the Global Accordion Mode option enabled.
For the Single Active Toggle mode you can also enable the Scroll Into View feature allowing you to set the accordion item to scroll into view after expanding, and also to set the top offset for it. This feature is especially useful for when the accordion items have lots of content.
The Link, Background and Admin Label sections contain standard Divi module fields.
DESIGN SETTINGS
This section includes the following settings:
- Header
- Left Icon
- Right Icon
- Title
- Body
- Header Text
- Body Headings
- Body Text
- Sizing
- Spacing
- Border
- Box Shadow
- Filters
- Transform
- Animation
The Header, Left Icon, Right Icon, Title and Body sections provide the color, margin, padding, border and box-shadow settings for designing the corresponding element.
The Header Text section contains font options for both the accordion item Title and Subtitle under separate tabs.
The Body Headings settings allow to style the H1 - H6 heading levels for the accordion item body content.
The Body Text settings provide font options for styling paragraphs, links, unordered and ordered lists as well as quotes.
The Sizing, Spacing, Border, Box Shadow, Filters, Transform and Animation settings are standard Divi module settings allowing to set the accordion main container width, height, margin, padding, border, box-shadow, filter, transform and animation properties.
The Spacing, Border and Box Shadow sections also provide margin, padding, border and box-shadow fields for the accordion items main container.
ADVANCED SETTINGS
This section includes the following settings:
- CSS ID & Classes
- Custom CSS
- Conditions
- Visibility
- Transitions
- Position
- Scroll Effects
All Advanced settings are standard Divi module settings.