Updating Divi is essential for maintaining your website’s security and functionality but can sometimes lead to unexpected display issues. These issues might include misaligned elements, broken layouts, or styling inconsistencies.
This article will guide you through the steps to troubleshoot and resolve common display problems that occur after updating Divi, ensuring your site continues to look and function as intended.
Whether you're experiencing styling discrepancies or other visual anomalies, this article will help you quickly identify and resolve these problems, ensuring your website looks perfect again.
Cache Issues
Cache issues are the most common reason for styling discrepancies. This could be due to a cache system that the server is using that is not cleared or to the cache that the third-party cache plugin generates.
Check with the hosting's support team if the server is using its own cache system
If it does, ask the support team to clear its cache for you
If you are using a cache plugin, such as Autoptimize, WP Rocket, WP Fastest Cache, or any other cache plugin, use the options the plugin provides, clear its cache
Go to WordPress Dashboard → Divi → Theme Options → Builder → Advanced Tab and click on the Clear button for the Static CSS File Generation options
Check for invalid CSS code being used
If custom CSS code has been added to your Divi site in Divi → Theme Options → General → Custom CSS, ensure that it is all valid.
You can copy the entire CSS Code from the Custom CSS section and check it through the CSS Validator.
If custom CSS code was added to other areas, such as the Module's Custom CSS → Free Form CSS area or inside a Code Module, ensure that the code is checked through the CSS Validator as well.
Check for Plugin conflicts
Go to WordPress Dashboard → Plugins
Click on the Active Tab
Select all plugins and deactivate them
Check the front-end
If the issue is fixed, return to the Plugins page → Recently Active tab, and activate one plugin at a time. After each plugin activation, check if the issue is fixed and repeat this process until all the plugins are activated again.