Update cache of Elementor based website

When you move your WordPress site to a new domain, some design problems can happen. This is common if you use Elementor. Your website may look broken. Some styles may not load. The layout may look different.

This happens because Elementor saves design data and links with the old domain. After moving the site, these do not update on their own.

In this guide, you will learn simple steps to fix this. You will update links, refresh styles, and make your website look normal again.

1. Login to WordPress Admin of your new domain.

2. Go to:
   Elementor → Tools → General

   • Click Regenerate CSS & Data.

   • Click Sync Library (to refresh template library).

3. Go to:
   Elementor → Tools → Replace URL

   • Enter your old domain in the “Search” field.

   • Enter your new domain in the “Replace” field.

   • Run the replacement (this updates serialized Elementor data in the database).

4. Clear Caches

   • If you’re using a caching plugin (e.g., WP Rocket, LiteSpeed, W3 Total Cache), clear the cache.

   • If you’re on Cloudflare or server-side cache, purge that too.

5. Re-save Permalinks

   • Go to Settings → Permalinks.

   • Simply click Save Changes (this flushes rewrite rules).

6. Optional (if styles are still missing):

   • Go to Elementor → Settings → Advanced → CSS Print Method and switch between External File and Inline, then save.

   • This forces Elementor to re-generate CSS files.