Css not applying to website when viewed outside wordpress

Support
#1

We are having an issue with our website, the site views ok when within the wordpress environ but as soon as you view the site on any other browser the sit has lost it’s structure and layout. Any suggestions welcome.

https://www.abc-ads.co.uk

#2

Hello @dmacoxford,

Thanks for asking. :slight_smile:

I checked your website and I am sharing my observations below:

  1. I can see that there are few issues with the layout. Upon further checking the website I see that the integrity-light.css file is not present on the server. I am getting following error message Failed to load resource: the server responded with a status of 404 (Not Found) https://www.abc-ads.co.uk/wp-content/themes/x/framework/css/dist/site/stacks/integrity-light.css?ver=6.0.4. And that’s the reason why you are facing layout issues.

Now here’s couple of solutions that you can consider:

  1. First, I see that you are using old version of X Theme and Cornerstone (have highlighted in screenshot). I would suggest you to update X and Cornerstone to the latest version. You can follow the instructions mentioned in following docs to get started.


2. You also have the option to upload integrity-light.css file by downloading X Theme package and then copy the file integrity-light.css from /x/framework/css/dist/site/stacks/ and then upload under /x/framework/css/dist/site/stacks/ using FTP programs like Filezilla and that should fix the layout issue. To get started with Filezilla, please take a look at following article.

https://www.tipsandtricks-hq.com/how-to-use-filezilla-with-wordpress-8956

_After doing the updates, always remember to clear all caches (if you are using WP Rocket, WP SuperCache or W3 Total Cache) when updating so that the code from the latest release is always in use. This will help you to avoid any potential errors.-

Let us know how it goes.

Thanks.

#3

I think the issue was with the W3 Total Cache when Purge all cache was selected. The wordpress was working on the latest version which is why it was viewing but when clearing the cache the server was showing a 500 internal error and I think the cache was not cleared. Thus showing the old version whist trying to load new content.

I have uploaded the X theme again and cornerstone just to make sure though and it is viewing ok now.

Thanks for you help with this.

#4

You’re welcome!
We’re glad we were able to help you out.

#5

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