Resolved
Overview of the issue
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' );
Works like a charmª!
+1 I hope soon it’ll be fixed, then this errata will be closed.
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?
Hi,
This issue will be fixed in WPML 3.4 which is our next version & it’s already in QA so I hope you don’t need to wait for too long. Please follow our blog announcements related to new releases.
Cheers!
Amit
When will this new WPML launch? I am using a photo gallery plugin that no longer shows up on translated pages but shows up just fine on our main english pages.
http://www.aiminaday.aimint.org
Hi Ryan,
Is this related to the errata we describe above with the Divi builder?
Thanks!
Sure is! Just curious is all 🙂