Customizing your Divi website often requires adding CSS classes to specific elements to achieve your desired design and functionality.
In this article, we will guide you through the process of adding additional CSS classes to Divi elements.
Whether you want to apply custom styles, trigger specific JavaScript functions, or enhance your site's interactivity, our step-by-step instructions will show you how to assign CSS classes to any module, row, or section within Divi.
Add Custom CSS classes to a Section
Open the section's settings by clicking on the Gear icon
Go to Advanced Tab → CSS ID & Classes → CSS Class
Type in the class name you want to use
Add Custom CSS classes to a Row
Open the Row's settings by clicking on the Gear icon
Go to Advanced Tab → CSS ID & Classes → CSS Class
Type in the class name you want to use
Add Custom CSS classes to a Column
Open the Rows's settings that contain the column to which you want to add a Custom CSS class by clicking on the Gear icon
Go to Advanced Tab → CSS ID & Classes → CSS Class
Type in the class name you want to use
Add custom CSS classes to a Module
Open the Module's settings by clicking on the Gear icon
Go to Advanced Tab → CSS ID & Classes → CSS Class
Type in the class name you want to use
Note: You can add multiple CSS classes by separating them with a space.