Skip to main content
All CollectionsDivi 5Options Groups
Understanding the Toggle Icon Option in Divi 5
Understanding the Toggle Icon Option in Divi 5

Learn how to customize the Accordion's Toggle Icon option to improve user experience by providing clear visual cues in your Accordion module

Updated over 2 weeks ago

The Toggle Icon options in Divi allow you to customize the icon displayed when an Accordion item is closed. This setting helps you visually guide users, enhancing clarity and engagement.

Where to Find the Toggle Icon Options

  1. Open the Accordion Module Settings: Click the gear icon or click directly on the Accordion module you want to customize.

  2. Navigate to the Content Tab: In the Content tab, locate the Toggle Icon option group.

Toggle Icon Customization Settings

  1. Icon: Select the icon to be displayed when the Accordion item is in the closed state. Use the icon picker to choose a suitable option that matches your site’s design.

Best Practices for Using Toggle Icon Options

  • Choose a Clear Icon: Pick an icon that clearly indicates the closed state, such as a plus (+) or arrow.

  • Match Your Design: Ensure the icon aligns with your site’s style and the purpose of the Accordion.

  • Consider Accessibility: Use icons that are easily recognizable and intuitive for all users.

The Toggle Icon option is a small but impactful feature that can improve user experience by providing clear visual cues in your Accordion module.

Did this answer your question?