Divi Theme

In this article


Slider module and LazyLoad

If you use Divi Theme Slider Module, it can cause image displacement from the original location when LazyLoad is turned on.

The only maintainable solution is to turn off LazyLoad for that specific page. Since Divi does not use filters to call slider module elements, we cannot use a hook to insert the data-no-lazy="1" attribute to the <img> HTML tag.

Although this is not recommended, you can manually fix this by editing line 3258 of Divi/includes/builder/main-modules.php file like this:

sprintf( '<div class="et_pb_slide_image"><img src="%1$s" alt="%2$s"  data-no-lazy="1"/></div>',

Keep in mind you will lose that change with the next theme update, though!

Missing font icons in IE 11

In some rare cases, you might not see icons on your site while browsing with IE11. You can resolve that behaviour by installing this small helper plugin:  WP Rocket | Remove ETag from htaccess

Heads up! When theme developers update their code, it may affect which files need to be excluded. If these solutions do not work for you, let us know!

Blog module and JS minification

Note: This tip applies to WP Rocket prior to 2.9 only.
Automatic compatibility with the Divi blog module has been added in WP Rocket 2.9.

If you use WP Rocket prior to 2.9 together with the Divi blog module, and you find the blog module disappears when JS minification is active, please exclude the following file from JS minification:

/wp-content/themes/Divi/includes/builder/scripts/salvattore.min.js

Divi Theme - JS Minification