Experiencing issues with changes not saving in Divi Builder can disrupt your workflow and prevent your website from looking its best. This common problem can arise from various factors, such as caching conflicts, plugin interference, or incorrect settings.
This article will guide you through the steps to diagnose and resolve issues with saving changes in Divi Builder.
The most common issues which might prevent changes from saving are as follows:
Caching Issues:
Reason: Both browser and server caching can prevent you from seeing the most recent changes.
Solution: Clear your browser cache and cookies. Additionally, if you're using a caching plugin like WP Super Cache or W3 Total Cache, clear the plugin cache. Also, check if your hosting provider has server-side caching and clear it as well.
Static CSS File Generation:
Reason: Divi generates static CSS files to improve performance, which might not get updated immediately.
Solution: Go to Divi → Theme Options → Builder → Advanced, and disable the Static CSS File Generation option. This will force Divi to use dynamic CSS instead of static files.
Minification and Combining CSS/JS:
Reason: Minification and combining of CSS/JS files by performance optimization plugins can cause issues with seeing updates.
Solution: Temporarily disable these settings in your optimization plugins, such as Autoptimize or WP Rocket, and see if the changes appear. After confirming the changes, you can re-enable them.
Content Delivery Network (CDN):
Reason: CDNs can cache your content globally, which might cause delays in reflecting changes.
Solution: Purge the CDN cache through your CDN provider's dashboard (e.g., Cloudflare).
Database Connection Issues:
Reason: Issues with your database can sometimes prevent changes from being saved properly.
Solution: Check your database for errors. A plugin like WP-DBManager can repair and optimize your database.
Plugin Conflicts:
Reason: Conflicts with other plugins can cause issues with saving or displaying changes.
Solution: Deactivate all plugins except Divi and see if the changes are visible. If they are, reactivate your plugins individually to identify the conflicting plugins.
Incorrect Theme or Child Theme Settings:
Reason: Customizations in a child theme might override changes made in the Divi Builder.
Solution: Check your child theme’s functions.php file or any custom CSS/JS for overrides that might be causing the issue. Temporarily switch to the parent Divi theme to see if the changes are reflected.
Syntax errors in your custom CSS code:
Reason: Since all the CSS code is being minified, if any of your custom CSS codes have syntax issues, this will prevent the browser from parsing the rest of the CSS code, which can lead to differences on the front end.
Solution: Use the CSS Syntax checker for any custom CSS code that could have been added to Divi → Theme Options → General Tab → Custom CSS, Module's Advanced Tab → Custom CSS → Free Form CSS or in the style.css file of your Child theme.
Syntax errors in your custom HTML code:
Reason: Invalid custom HTML code can also break a page's entire HTML structure, resulting in a broken layout and/or broken styles.
Solution: Use the HTML Syntax checker for any custom HTML code that could have been added to Code Modules, in the Divi → Theme Option → Integration tab or as a WordPress Widget.
Browser-Specific Issues:
Reason: Sometimes, browser-specific settings or extensions can cause issues.
Solution: To rule out browser-specific issues, test your site in a different browser or incognito mode.