• Your cart is empty.

Updating and Managing The Divi Theme from Elegant Themes

UPDATE: 20-11-2017

Terry Hale of Mizagorn left a comment below – I am putting it at the top as it seems to work on all installations – if it does not, try the other solutions of increasing php memory, upgrading to php 7 and the htaccess fix.
———————————-

I get that spinning wheel, unresponsive page sometimes working on custom modules. If you’re using Chrome, there’s something else you can try.

The Divi Builder uses browser application storage to cache javascript and other stuff so the Builder loads quickly each time. With updates, it can get confused. This is not your normal “clear your browser cache” thing that saves images, CSS etc. for faster loading.

Hit F12 to pull up the Inspector (or right-click, select “Inspect”).

Go to the Application tab, then Clear Storage under that. On the right make the checkboxes look like this (only two unchecked):

□ Unregister service workers

☑ Local and session storage
☑ Indexed DB
☑ Web SQL
□ Cookies

☑ Cache storage
☑ Application storage

Hit the “Clear site data” button, then refresh your page. Give it a couple of minutes to regen the app cache.

Try that a couple of times. Usually works for me, but no guarantee. 🙂 There are similar methods for other browsers that you can look up.

Divi update seems to have cured some caching issues – but if you are still having issues. See below

There has been a lot of chat around the latest Divi updates breaking sites, modules and third party plugins. As a Marketplace we see this all the time in the Facebook groups.

The main culprit seems to be caching. Now, most websites have a caching plugin, use a minification system (basically taking out all the blank spaces that code uses) or they might be taking advantage of one of the newest innovations in Divi  – Static CSS and CSS & JS Minification.

Plainly, people are having issues with Divi.

There are many Facebook groups for Divi, and Elegant Themes are very active in all of them, this must be a little bit of a nightmare from a support aspect, but, in our view, it shows the commitment that they have in fixing these little issues.

Here are some solutions to fixing builder errors, memory issues and of course clearing your cache on your websites and in your browsers.

PHP Version

If your host is using less than 5.6 you need to have a word with them or change the version to at least 5.6 or 7 (7.1 seems to break Divi given the consensus in the groups)

Increase PHP Memory via php.ini. In this post, we have made available a php.ini file that you can upload to the root of your website – ensure you unzip it before you upload it, this seems to cure most builder timeouts and the white screen of death.

You can add this code to your htaccess code if you are allowed access to it or ask your host to add it for you.  Just place it at the top of the file in editor mode (ensure you download a clean copy ‘just in case’ )

<IfModule mod_substitute.c>
SubstituteMaxLineLength 10M
</IfModule>

Clear your cache

Most webhosts have some sort of caching enabled and most websites will be using a variety of tools to help with this as well, as I mentioned above. But, did you know that some Internet Service Providers also serve cached files? NO, heck, sorry to be the bearer of this news. You can clear cache in a variety of ways on your desktop browsers. Here’s how.

If you use an incognito browser to check your site, you will likely see that the site performs as it should.

As you can see, caching is a major issue and should never be ignored.

As a last resort, you may need to turn off Static CSS and Minification on the builder via Divi Options>Builder and save and then go to General tab and scroll all the way to the bottom and turn off Minification for CSS and JS.

 

 

 

 

 

 

 

 

FIX THE JUMPING HEADER

This website has the definitive answer

 

Updating Divi

In some cases we are seeing Divi causing a 500 error on some servers. This is generally due to the PHP version so follow the instruction on upgrading php.ini memory and php version and you should be good to go.

Modules and images not loading/changing appearance after upgrading

Caching is normally the reason for this so again, clear your browser cache.

Again, from all the posts that ET do in the Facebook groups, we can see them working hard on getting the very best options to all of us and we know they would never intentionally want your sites to break so, follow common sense rules when upgrading, installing and making major changes to your site files. Always, always take a backup first. In the video below, I take you through a very easy process of doing this via All in One Migration (it also talks about , starting a WordPress instance, making a site and moving it to live first – always a good thing – if you don’t know how to do that).

We know there are plenty of back up tools out there and we love Blog Vault, Vault Press and Duplicator. We just happened to highlight All in One Migration in this video. If you are using Flywheel or WP Engine – they have there own excellent one click back ups too.

So,

After fixing many issues with Divi Hanging, these are MY recommendations

Host – get a good one – do not go cheap! 
Server set up
PHP VERSION 7 or later
HTACCESS
<IfModule mod_substitute.c>
SubstituteMaxLineLength 10M
</IfModule>

Divi – Latest
Plugins – Latest
Memory Allocation in wp-config
Amend this line to be at least 256mb
define (‘WP_MEMORY_LIMIT’, ‘256M’);
Turn off Divi CSS Minification and Static CSS – especially if you are using a caching plugin that handles this for you.

This has worked – Every time!

Of course, as a Divi User, if you have any questions, suggestions or solutions to the common issues raised here, please feel free to leave a comment.

 

Andrew Palmer on FacebookAndrew Palmer on TwitterAndrew Palmer on Wordpress
Andrew Palmer
Andrew Looks after the Developers, product updates and general maintenance of the Elegant Marketplace Websites. He also runs his own Online Consultancy in the UK under the banner of Somebody's Hero.

A little about the author, Andrew Palmer

Andrew Looks after the Developers, product updates and general maintenance of the Elegant Marketplace Websites. He also runs his own Online Consultancy in the UK under the banner of Somebody's Hero.

16 Comments

  1. alantrosMyster

    Would anyone have an nginx equivalent to adding this to the .htaccess file?

    SubstituteMaxLineLength 10M

    Maybe my googling isn’t that great, but I could not find anything (other than the equivalent substitution module).

  2. Patrick

    Hey all,
    The .htaccess fix seems to break my websites, ironically. I get a internal server error (500) whenever I put the code into .htaccess. Doesn’t matter if I put it on top or at the bottom. Any ideas about what could be wrong?

  3. Johannes

    There were indeed issues with images, as Divi mixed up the values from pixels to percent in 2 occasions with the last updates, as it introduced new functions.

  4. Justin Alan

    I tried all the steps in this tutorial. I keep getting a saving error when using the visual builder. This only happens on one of my sites. All my sites are on the same reseller hosting plan.

    Every time I try saving, it says it couldn’t save and give me an option to “try again” or “download backup”. Neither of those work either.

    I’ve followed this guide and I still can’t get it to work.

  5. Danny

    ^
    TURN OFF Make Full Screen

    This then makes the height too small

    SO

    Add this code below to the Full Width Header Module Settings CSS field “Main Element”

    padding:200px 0px !important

  6. Danny

    Nice info thanks. Regarding the jumping header. I tried all fixes inc the one in your link but nothing. Been struggling with this for months and finally have a simple fix from ET. Sorry on tablet now and will post in the morning.

  7. Shahzad Raza

    Hey Mate, thanks for sharing the useful article related to Divi Theme Updates, i am a regular Divi user and most of the time i face some of the css and padding issues after upgrading the theme, i hope this article will help me a lot.

  8. Stéphane Lemay

    Hi everyone. I just updated a site to the most recent version of Divi. I use some SVG images here and there. I use a child theme. Strangely, since the update, all SVG images refuse to display when the child theme is activated. However, when the parent theme is active, the SVG images are working. I have done the usual routine of changing themes and deactivating plugins bla bla bla. This happens whether or not the SVG support plugin is activated, which is also odd… Any solution?

    *** solved ****
    Simply uncheck static css and minification in Divi’s Theme options of your child theme.

  9. Teresa

    Thanks Andrew! You have saved my bacon more than once with this post. I had the server php issue as well as the static CSS issue. Incredible how a little toggle switch can make the site go from manic to perfect! I have another site where I have trouble with some modules just not opening so will go through these on that site as well and try Terri’s suggestion as well.

    Thanks for all the effort!

  10. Terry Hale

    I get that spinning wheel, unresponsive page sometimes working on custom modules. If you’re using Chrome, there’s something else you can try.

    The Divi Builder uses browser application storage to cache javascript and other stuff so the Builder loads quickly each time. With updates, it can get confused. This is not your normal “clear your browser cache” thing that saves images, CSS etc. for faster loading.

    Hit F12 to pull up the Inspector (or right-click, select “Inspect”).

    Go to the Application tab, then Clear Storage under that. On the right make the checkboxes look like this (only two unchecked):

    □ Unregister service workers

    ☑ Local and session storage
    ☑ Indexed DB
    ☑ Web SQL
    □ Cookies

    ☑ Cache storage
    ☑ Application storage

    Hit the “Clear site data” button, then refresh your page. Give it a couple of minutes to regen the app cache.

    Try that a couple of times. Usually works for me, but no guarantee. 🙂 There are similar methods for other browsers that you can look up.

  11. Colten

    Hey thanks for publishing this article. I noticed the php.ini file works sometimes, but not all the time. I can’t really pinpoint exactly when it does and doesn’t work. I’ve found that increasing the memory limit in the wp-config file is more reliable for me. It’s pretty much fixed that error every time. Is there any reason not to increase the memory limit in wp-config?

  12. Randy King

    If you are hosting on Dreamhost, the PHP.ini files are renamed as “RC” files and put into TOP-LEVEL sub-directories like this:

    /home/example-user/.php/5.5/phprc (full path to the run control file)
    /home/example-user/.php/5.6/phprc
    /home/example-user/.php/7.0/phprc <<—— Current PHP version
    /home/example-user/site-name (where wordpress resides)
    /home/example-user/site-name/wp-admin
    /home/example-user/site-name/wp-content
    /home/example-user/site-name/wp-includes

    Whatever FTP client you're using, make sure that it's displaying hidden files – those that begin with a dot.

    Once updated, go to the DH control panel into the domain you're working on and just click "Update" as if you're updating something about the domain setting. This will cause all the PHP cgi files to be killed and re-started, reading your new RC file.

  13. Ivan

    Hi Andrew, thanks for these tips! I’ll bookmark the page. One question please, what exactly the .htacess SubstituteMaxLineLength code does and why it needs to be inserted in the file? Thanks & cheers, I.

    • Andrew Palmer

      It derestricts the inherited memory allocation in WordPress to the amount in MB that you state.

Submit a Comment

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

Divi is a registered trademark of Elegant Themes, Inc. This website is not affiliated with nor endorsed by Elegant Themes.

External links on this website may be affiliate links that could result in us receiving compensation (payment) when you purchase a product or service from that link. For example, we may receive pay per click revenue or commission on sales of products. This helps us to pay the bills and deliver great content for you to enjoy when you are browsing these web pages. You do not pay any extra fees for these items.

By purchasing a product from The Elegant Marketplace you are agreeing to these terms. We do not offer custom support queries, although suggestions will be accepted and acted upon if possible. We do hold data that allows us to connect with you for product updates when you purchase a product. This is not an email marketing list. Should you wish to sign up to our marketing list, please visit our homepage where you will see an optin - We send out around two emails a week to keep you informed of product updates, You may opt out of our marketing communications at anytime by using the unsubscribe facility found at the bottom of each email.

Get the latest news!

Join our mailing list to receive the latest news and updates from our team and a 15% discount code on all products you can add to your cart as a thankyou gift. 

Thanks, we appreciate your support

Pin It on Pinterest

Share This