To customize the Accordion Block, you can use the below settings:
- General
- Spacing:
- Section Margin: Adjust the margin of the accordion section.
- Title Padding: Adjust the padding of the heading.
- Content Padding: Adjust the padding of the accordion content.
- Border: Set the border radius, width, color, and style of the Accordion panel & heading.
- Animation Effects: Set the animation effects with multiple options like Fade, Bounce, Swing, etc on the Accordion content.
- Display: Hide/Show the Accordion section individually from a desktop, tablet, or mobile.
- Spacing:
- Icon
- Icon 1: Select the first icon that appears on the left side of the accordion heading.
- Icon 1 Padding: Adjust the padding of the accordion’s first icon.
- Enable/Disable Icon 2: Show/hide icon 2 of the accordion heading. On enabling this setting, additional settings appear below:
- Select Icon: Select the second icon that appears on the right side of the accordion heading.
- Icon Padding: Adjust the padding of the accordion’s second icon.
- Panel Box Shadow
- Adjust the shadow of the Accordion using Horizontal, Vertical, and Blur Shadow options.
- Set the color of the Accordion shadow using the Box Shadow Color option.
- Color
- Change the color & background color of the Accordion tab, icon, heading, content, and panel using the given options.
- Typography
- Set the typography of the heading and content of the Accordion section using Font Family, Font weight, etc. options.
