Resolved

Symptoms

Icons are not displaying correctly in Divi Builder.

When you use Divi builder and add a Blurb module with ‘Icons’, the icons font is overridden by OTGS icon font. So icons will not display correctly.

Workaround

open /functions.php file and just after:
add_action( ‘after_setup_theme’, ‘et_setup_theme’ );

Add:

function wpml_icon_fix() {
echo '<style type="text/css">.et-pb-option .et_font_icon li:before { font-family: "ETmodules"!important; content: attr(data-icon)!important; speak: none!important; font-weight: normal!important; font-variant: normal!important; text-transform: none!important; line-height: 1!important; -webkit-font-smoothing: antialiased!important; }</style>';
}
add_action( 'admin_head', 'wpml_icon_fix' );

7 Responses to “Divi theme icon conflict with WPML”

  1. Hi, this fix worked for me with Divi.
    But I switched to Elegant Themes’s Extra theme – now the same issue of broken icons occures and it can not get fixed with this workaround, as there is nowhere in the theme such a code line
    add_action( ‘after_setup_theme’, ‘et_setup_theme’ );

    Any idea to fix it in Extra, where the Divi builder is used, as well?