Skip to main content
How to Use the Custom CSS Area in Divi

Learn how to access and utilize the Custom CSS area to add unique styles, override existing ones, and customize your site’s appearance.

Updated this week

Enhancing your website’s design often requires custom styling beyond the default options available in Divi. The Custom CSS Area in Divi provides a powerful and flexible way to add personalized CSS code to your site.

In this article, we will guide you through the process of using the Custom CSS Area in Divi.

Access the Custom CSS area from Divi

  1. Go to WordPress DashboardDivi → Theme Options → General Tab → Custom CSS

  2. Scroll down until you reach the Custom CSS Area

  3. Click on the Save Changes button to save any changes into Custom CSS

    Access the Custom CSS area from Divi

Access the Custom CSS area from the Theme Customizer

  1. Go to WordPress DashboardDivi → Theme Customizer

  2. Expand the Additional CSS area

  3. Click on the Publish button located at the top to save the changes

    Access the Custom CSS area from the Theme Customizer
Did this answer your question?