Style tab

In the Style tab, you can customize the color of the text and icons, manage the typography settings, and adjust the spacing.

Item

• Item Size
  Changes the Accordion item size with specific padding values.

  • Small - Sets the padding to 10px 15px.
  • Medium - Sets the padding to 15px 20px.
  • Large - Sets the padding to 20px 25px.

• Item Spacing
  Control the spacing between accordion items.

• Item Border
  The Border section has settings for border, radius, and shadow.

  See the Borders article for more information.

Label

• Text Color
  Set the text color of the Accordion label.

• Background Color
  Set a background color for Accordion label.

• Padding
  Set a specific padding value in pixels for the accordion label. Click the Link Value icon to automatically make all four padding values the same.

• Typography
  Set the font size, family, line-height and more for the Accordion label. See the Typography article for more information.

Icon

• Icon Position
  Set the position of the accordion expand and collapse icons. The Left option positions the icon before the accordion label.

  The default is Right.

• Icon
  Choose a custom icon that replaces the default icon.

• Active Icon
  Choose a custom icon that replaces the default icon.

Content

• Text Color
  Set the text color of the Accordion content.

• Background Color
  Set a background color for Accordion content.

• Padding
  Set a specific padding value in pixels for the accordion content. Click the Link Value icon to automatically make all four padding values the same.

• Typography
  Set the font size, family, line-height and more for the Accordion content. See the Typography article for more information.