Hello,
Thanks for reaching out!
It sounds like the CSS files in your Elementor setup are either not being saved properly or being overwritten after page reloads. The fact that regenerating the CSS solves the issue temporarily points to a caching or file permissions problem. Here’s a step-by-step approach to troubleshoot and potentially solve this:
- Temporarily deactivate all plugins except for Elementor. Then, check if the issue persists. If the error goes away, re-activate plugins one by one to identify which plugin may be causing the conflict.
- Temporarily switch to a default theme like Hello Elementor or Twenty Twenty-One. If the issue resolves, the problem might be related to your theme.
- If you’re using a caching plugin (like WP Rocket, W3 Total Cache, etc.), Sometimes caching plugins conflict with how Elementor generates its CSS files. Disable any caching plugins temporarily and see if the issue persists. Or clear your site’s cache.?
- Now, go to Elementor > Tools > Regenerate CSS and click on it.. Afterward, go to Settings > Permalinks and hit “Save” without making any changes. This refreshes the permalinks and can sometimes resolve odd behavior.
- Ensure that your wp-content/uploads/elementor/css folder has the correct write permissions (typically set to 755 for folders and 644 for files). Incorrect permissions could prevent Elementor from saving the generated CSS correctly.
In some cases, the server’s caching systems or configurations (like Nginx rules, Redis, etc.) might be contributing to the issue. If none of the above helps, contact your hosting provider and explain the problem.
If the issue persists after these steps, you might need to restore a backup from a point before the issue started or if you using Elementor Pro, reach out our support for further investigation.
Let me know how it goes, or if you need further assistance!
