---
title: Accordion Block
description: "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…"
url: "https://spiceblocks.com/docs/accordion-block/"
updated: "2023-02-21"
category: Blocks Customization
---

# Accordion Block

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.

- **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.

 ![](https://spiceblocks.com/wp-content/uploads/2022/12/Accordion-block.gif)