Jul 1, 2017 | Blog

How to Fix Your Divi Plugin If CSS of Custom Modules are Not Loading After Divi 3.0.52 Update

This solution is not for individual sites built using Divi but plugins which are made for Divi.

New version of Divi has added static CSS file generation methodology in which custom CSS of the modules are added in a dynamic file to improve the page load time.

This update of Divi (3.0.52) has made many custom modules and plugins stop working properly. The main issue is seen in form of CSS not being rendered on the page for the custom modules and thus the design on the front end is distorted.

There are many changes in Divi functions in 3.0.52 update and Elegant Themes has added complete new system for generating static CSS file. These changes has stopped setting up style via set_style() function. Earlier this function worked fine but now there are some changes in hierarchy which has stopped the styling to work.

 This function handles the CSS from the modules which stopped working for our Plugin after the Divi 3.0.52 Update. The code is still same in old and new version of Divi but custom Divi plugins needs the updates (below) to be done in order to work with latest static CSS generation feature of Divi.

After going through the Divi changelog for 3.0.52 and 3.0.53 our team at Elicus Technologies have been able to address the issue with our own Plugin Divi Blog Extras. After the Divi 3.0.52 update, the module stopped working properly and was not rendering the CSS and thus the page where the layout was used was failing to display properly.

Based on the findings with our plugin Divi Blog Extras, the main area where a developer of any Divi module can look to fix issue of CSS not being able to rendered for their modules is given below.

To fix this issue we need to add our modules after loading Divi page builder instead of wp or wp_loaded and your styling will start displaying for your module.

Here is a function from our plugin Divi Blog Extras which was using wp and wp_loaded earlier. It does not work anymore with Divi 3.0.52+ release. This caused Divi Blog Extras module to stop rendering CSS after Divi 3.0.53 update.

 

To fix this issue, we modified code of our plugin to load after the Divi builder by making the following changes which is highlighted in the code below.

This is an overall case study based solution for fixing most of the Divi module based plugins. It could serve as a hint for developers so that they can look into their code and update it accordingly and get their plugin work with Divi 3.0.52+

If you are a Divi Plugin developer and have similar issue with your plugin/module after the Divi 3.0.52 update, you can try to load your module after Divi builder using. $action_hook = ‘et_builder_ready’;

Feel free to contact us if you have a question or would like us to look into your plugin.

Posted By:
Mohd Arif
Dreamer, Schemer, Music & Technology enthusiast. He enjoys building things that speak HTTP. Arif is Development Head at Elicus and has over 8 years experience in the WordPress development industry.

2 Comments

  1. Mark

    Where to find this line of code?

    Reply
  2. Mark Idio

    Where to find this line of code? I cannot change it. 😀

    Reply

Submit a Comment

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

2 Comments

  1. Mark

    Where to find this line of code?

    Reply
  2. Mark Idio

    Where to find this line of code? I cannot change it. 😀

    Reply

Submit a Comment

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

LearnDash & WooCommerce: Sell Online Courses Easy (5 Steps)

LearnDash & WooCommerce: Sell Online Courses Easy (5 Steps)

Whether you’re a teacher or not, if you have experience in a particular field, selling your expertise online is one of the most profitable businesses. Further, with LearnDash and WooCommerce, this becomes seamless.  If you’re looking to sell online courses from...

Top 7 Evergreen Divi Education Themes for Your Institute

Top 7 Evergreen Divi Education Themes for Your Institute

Are you looking for a Divi Education Theme and couldn't find the one that will suit your institute's values? Then, this post will help you discover the one you can genuinely trust. This post will discuss 7 Divi child themes that include loads of resources to build an...

The Ultimate Website Launch Checklist for 2022

The Ultimate Website Launch Checklist for 2022

If you’re about to launch a new website, ensure that you review everything from your website launch checklist. Wait! What? Haven’t you created a checklist yet? Well, this will surely put you in some trouble.  Because a website launch checklist allows you to see...

Popular on Divi Extended

Divi Plus WooCommerce Extended Divi Child Theme Divi Header Layouts