My site has no styles and looks broken

If you see that your site looks broken, i.e. it loads but there is no styling as in the image below, you can do some important troubleshooting which will help us better assist you.

Find out what the error is

We recommend using the Google Chrome browser for this troubleshooting process, but each browser has a similar tool.

  • Right-click anywhere on the broken page, and choose Inspect.
  • This will reveal a panel at the bottom, or on the side of the screen. Click the red notification at the top right of this panel.
  • You should then see some red error messages—take a screenshot of these and include it in your support ticket.

Common errors

Insecure content from CDN

If you use SSL on your site, so that your pages are served via https, and you use a CDN, that means your CDN also has to serve files over https. If it doesn't, most browsers will block the insecure files, including images, CSS files etc and your site will look broken. When you click the red alert in Chrome, you will see something like the following—note the ERR_INSECURE_RESPONSE in the bottom panel:

How to fix: Talk to your CDN provider and see if they can enable HTTPS for your CDN assets. If they don’t, you will need to disable your CDN in WP Rocket.

Security restriction

Some security plugins place an .htaccess file in some of the folders on your server. This can prevent minfication working correctly, thereby blocking access to some of your files.

This typically shows as a 403 (Forbidden) error, like here:

How to fix: If you use a security plugin, modify the settings until the error disappears. You can also manually check the wp-content folder for any .htaccess files. If you find one, try re-naming it and see if that fixes the error.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.