Divi - Button Apostrophes display as HTML entities

Overview of the issue

When using the Divi theme, you will notice that when a button’s text containing an apostrophe is translated using the WPML, the apostrophe displays as the HTML entity.

Workaround

Please, make sure of having a full backup of your site before proceeding.

• Add the following code into your theme’s functions.php file:

  1 2 3 4 5 6 7 8 9 10 11

  // WPML workaround for compsupp-7001 add_filter('do_shortcode_tag', 'wpml_compsupp7001_decode_et_pb_button_text', 10, 4);   function wpml_compsupp7001_decode_et_pb_button_text($output, $tag, $attr, $m) {     if ( class_exists('Sitepress') && 'et_pb_button' === $tag && isset($attr['button_text'])) {         // Decode both the ampersand and the apostrophe         $output = html_entity_decode($output, ENT_QUOTES, 'UTF-8');     }       return $output; }

Note, keep in mind that if you are using a Slider button, you will need to use this line:

Instead of: