Introduction

WordPress is an amazing platform for developing websites. WordPress development is entirely based on the quality of the theme you select. One of the top platforms in this area providing WordPress themes is Divi.
In this article, we will learn How to Fix Icons not loading in Divi Themes on WordPress.

How to Fix Icons not loading in Divi Themes on WordPress

Method 1: Clear Cache

The simplest way to fix issues related to WordPress sites is by clearing the cache. By Cache clearing, we mean both the browser as well as your WordPress. You can use famous plugins like W3 Total Cache.

You can also use “Purge SG Cache” in case your hosting service is of SiteGround.

Method 2: Updating Your WordPress and Divi

Try to update WordPress, PHP, and Divi and see if it fixes the issue. If not, then we will try to add custom CSS.

Method 3: Try Using Custom CSS

This is an unusual error in Divi, and a very quick fix is to visit the following:
Divi > Theme Options > Custom CSS

And thereafter, just copy and paste the below snippet

.et_pb_section:first-child .et_pb_button:after {
    line-height: inherit;
    font-size: inherit!important;
    margin-left: .3em;
    left: auto;
    display: inline-block;
    opacity: 1;
    content: attr(data-icon);
    font-family: "ETmodules"!important;
}

Method 4: Try Fixing Database

Many times, due to either migration of the website or installation of a new plugin or SSL, and even any update can make your Database unstable. You can use plugins like “Better Search Replace” to fix your Database from such issues.

Conclusion

In this article, we have discussed one simple way to use small code changes and learn How to Fix the Icons issue. View more WordPress fixes here.