Logos for HTML5, CSS3, Javascript, jQuery, Bootstrap, and Wordpress

blog posts.

problem [SOLVED]: Google Chrome browser not showing CSS changes.

Published:

I've come across an odd problem when using the Google Chrome browser. I've made changes to a website's CSS and then gone into Chrome to check the change - making sure it does what I wanted it to do. While this usaully works without any problems, occasionally I can't see the changes in Chrome. Reloading the page still doesn't solve the problem. If I try another browser such as Firefox, IE, or Edge - that change is visible.

After a bit of playing around, I've identified that the problem comes from the Chrome browser cache. For some reason, very infrequently, it seems that the browser cache is not being refreshed with the changes.

If you're seeing the same problem, the solution is very straightforward:

  1. Go into the Chrome browser and select Customise and control Google Chrome by clicking on the vertical line of three dots at the top right-hand corner of the browser area.
  2. Scroll to the bottom of the page and click on Advanced.
  3. At the bottom of the Privacy and security section, click on Clear browsing data.
  4. On the Basic page, select a Time Range of All time, and make sure that ONLY the Cached images and files item is selected.
  5. Click on the Clear Data button.
  6. Go back to the page whose CSS has changed and refresh the page. If the changes are correct, you should now see the new styling.

contact me.