Where Did My CSS ID & Class Options Go?

In Divi 4, you’d cruise into the Advanced tab, expand the CSS ID & Classes toggle, and drop in your magic class name. Easy. In Divi 5, that toggle is gone. Instead, the Attributes panel is now where the action happens.

Step-by-Step: Adding a Custom Class in Divi 5

1. Head to the Advanced Tab

Don’t worry, the Advanced tab is still alive and well. Click it open on the element you’re working with.

2. Find the Attributes Panel

This is where Divi 5 hides all those geeky little options that make designers happy. You’ll see fields for adding custom attributes.

3. Add Your Class

In the Attribute Name field, type class. In the Value field, add your class name (say, my-class). That’s it. Divi 5 will output your element with the correct class applied.

4. IDs Work the Same Way

Need an ID instead? Just type id in the Attribute Name field and give it a value. Boom, done.

Why Did Divi Change This?

Divi 5 is all about modernizing the builder and making the output cleaner. The Attributes panel consolidates customization options in one place instead of scattering them across toggles. It takes a second to adjust, but once you get used to it, it feels tidier.

Final Checklist

• Go to Advanced tab → Attributes
• Add class as Attribute Name
• Set your custom class name as Value
• Use id if you need a unique identifier
• Save and test your CSS targeting

Feels good, right? Now you know where your classes and IDs live in Divi 5. Go ahead and style to your heart’s content without wondering if Divi lost the feature altogether. It didn’t, it just moved house.