Divi Theme

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 612 of Divi/includes/builder/module/SliderItem.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!

[* Thanks to Elephantmark for the fix!]

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:

📥  Download (.zip): WP Rocket | Remove ETag
Developers: You can find the code for this plugin on GitHub.

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