The Icon design options in Divi let you customize the appearance of icons, including their color and size. These settings help you create a consistent, visually appealing design for toggle icons in your modules.
Where to Find the Icon Options
Open the Module Settings: Click the gear icon or directly on the module you want to customize.
Go to the Design Tab: Within the Design tab, locate the Icon option group.
Icon Customization Settings
Icon Color: Set a custom color for the toggle icon displayed on the right side of the module. You can choose from your site’s color palette or use the color picker. By default, icons are light gray.
Use Custom Icon Size: Enable this option to adjust the icon size. Use the slider to select a size or type a specific value in the textbox for precise control.
Best Practices for Using Icon Design Options
Match Your Design: Choose an icon color that complements your site’s color scheme.
Prioritize Visibility: Ensure the icon size and color make it easily noticeable to users.
Stay Consistent: Maintain uniform icon styles across modules for a cohesive design.
The Icon options provide flexibility to enhance the appearance of your toggle icons and ensure they fit seamlessly into your design.