Site Can't Find CSS (error 404)

Support
#1

We’ve been using X Theme with the Renew stack for several years now. We’ve made no changes to our site recently (solutions.nextcomputing.com) , and I’ve kept all plugins and themes up to date, but starting sometime in the last few days our site has been unable to locate our CSS files when it loads. I’m not very good at diagnosing problems like this, but from the inspection console in Google Chrome it seems that it’s getting a “404 (not found)” error when trying to locate the style.css, renew.css, and others. I’ve confirmed via FTP that the files are, in fact, there.

I’ve tried basic troubleshooting: disabling all plugins except Cornerstone and reloading in an incognito window, reinstalling X Theme, reinstalling Wordpress, no luck.

Could anyone else offer feedback on why this may be happening? Thank you in advance for any help.

#2

Hello @jhoysradt,

Thanks for writing to us.

I checked your site, it seems that the URLs are not fully replaced while moving the site from staging to productions and that causes the Mixed Content issue [ HTTP and HTTPS ] blocking to load of the style files.

I would suggest you replace the URL properly and check this again, there are many URL replacement Plugins available in WordPress which help you to replace the URL.
This article will be helpful in this:https://www.wpbeginner.com/plugins/how-to-update-urls-when-moving-your-wordpress-site/

Also, remember that the exact URL should be mentioned in Setting > General, WordPress Address and Site URL, including the protocol i.e HTTP/HTTPS.

Hope this helps.
Thanks

#3

Thank you for bringing the HTTP/HTTPS issue to my attention. It did not turn out to be the problem, but it is something I will fix.

It turns out the issue wasn’t related to the theme either.

The issue turned out to be server related on the part of our host. They had implemented something called a server side nginx cache, but it was conflicting with their “mod_pagespeed” module. This is why all of the resources that the page could not load were derivatives of our CSS files. (in other words, it wasn’t that it couldn’t load “style.css”, it was that it couldn’t load “A.style.min.css,qver=5.8.pagespeed.cf.oh3cmA1ZSA.css.” It was the word “pagespeed” in all of the derivatives that tipped us off.

Our host disabled “mod_pagespeed” and now our site is loading normally.

Thanks for your help.

#4

Hi @jhoysradt,

Glad that we are able to help you.

Thanks

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.