Skip to main content

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.