CSS Changed Unexpectedly and site not updating

[StudentWebDev]

Website URL

(Website URL)

Error Message

No Error Message

Other Information

I am experiencing several issues with my website hosted on Infinity Free, and I’m hoping for some guidance:

1. Global CSS Issue:

• The sizes of elements across my site have suddenly changed, making everything appear much larger.
• Styling changes I make in Gutenberg do not reflect on the live site, even after saving and refreshing.
• Additionally, I cannot see any of the custom CSS I added to the theme when inspecting the site using browser Developer Tools.

2. Page Reversion Issue:

• Older versions of pages keep reappearing, even after I save and publish updates in Gutenberg.

3. Recent Troubleshooting Steps:

• I updated all URLs from HTTP to HTTPS in an attempt to fix the problem, but the issue existed before this change.
• I have cleared my browser cache and disabled plugins, but the issues persist.

4. Additional Details:

• I am using Ecwid as my store plugin.

Has anyone else encountered a similar issue? Could this be related to server-side caching, or is there something specific about Infinity Free that might be causing this behavior?

Any advice or troubleshooting steps would be greatly appreciated.

[Greenreader9]

If your CSS is changed, that’s a code or configuration problem, not something the server did by itself. Check your WP theme / custom CSS / etc and see if something is not how it is supposed to be.

[StudentWebDev]

Thank you for your reply.

The issue I’m facing goes beyond just CSS changes. Specifically:

1. The page editor in WordPress looks different from the live site. The live site doesn’t reflect the styling changes I’ve made.
2. Whenever I return to the page editor, an older version of the site is shown for me to edit. It feels like older files are cached somewhere and being reloaded.

This is why I suspect that Infinity Free’s server might be caching old files. Could there be a server-side caching layer affecting my site? If so, is there a way to clear or bypass it?

I’ve already tried:

• Clearing my browser cache.
• Disabling plugins.
• Adding query strings to my CSS files to force reloads.

I appreciate any further insights or guidance. Thank you!

[Greenreader9]

There is no server side cache, the server just enforces strict browser caching, but that’s only for static files. Unfortunately I don’t know enough about wordpress so provide any other suggestions beyond my first post

[lovebug]

This is the first time I have visited your site so I know nothing is cached

This is what I see on my browser

If you’re seeing something different then it is most likely a browser cache issue
Greenreader9 suggested some good things to try, other things you may also wish to try

1. Try finding your site in your browser history and right click it and select Forget this site
2. Try opening your site in a private window

[Admin]

@StudentWebDev

The issue I’m facing goes beyond just CSS changes. Specifically:

1. The page editor in WordPress looks different from the live site. The live site doesn’t reflect the styling changes I’ve made.
2. Whenever I return to the page editor, an older version of the site is shown for me to edit. It feels like older files are cached somewhere and being reloaded.

This almost sounds like the changes you make in the editor are not being saved. If you save the changes, then reload the editor and still see the previous version, that’s the only answer I can think of.

If so, that’s a pretty serious issue with your website. However, I don’t know enough about your site to tell you why that is. It could be caused by a plugin you’re using or bad configuration. Or maybe a compatibility issue with our hosting.

All I can tell you is that our hosting runs PHP, and PHP code works the same basically anywhere. The same is true for MySQL databases: data that you save is saved, and our hosting is no different from any other.