skip to Main Content

I’m currently using WordPress with Elementor to build a new website.
I’m creating the website in Chrome, and viewing the website in Firefox.

When I make changes in Elementor in Chrome, and update/publish the changes, I have to press CTRL+F5 in Firefox to see the changes.

So Elementor must be updating a CSS file, with the same filename.

What can I do to ensure my Elementor changes are visible to everyone, without them having to press CTRL+F5 (force refresh) to see the changes?

Many thanks

2

Answers


  1. In this case, you shoud go to Elementor ->Tools->Update CSS/Style (something like that).
    If you are using a caching plugin, make sure to "clear the cache" too.

    Login or Signup to reply.
  2. Try to change the cache duration in .htacces

    But I would recommend deactivating this setting after development. Otherwise this can have negative consequences for your SEO (PageSpeed).

    # BEGIN Browser Cache
    <IfModule mod_expires.c>
    ExpiresActive On
    ExpiresByType text/css "access plus 300 seconds"
    
    </IfModule>
    # END Browser Cache
    
    Login or Signup to reply.
Please signup or login to give your own answer.
Back To Top
Search