can you disable the “combine css” option and clear all cache with minified sources?
That seems to have worked, thanks.
it started to work because there is lots of syntax errors in the some css sources. you can analyze your site via https://www.wpfastestcache.com/css-validator/
Is there and easy way to fix? I’m a designer not a programmer.
sorry but there is no easy way to fix them.
From my programmer:
That validator looks outdated.
It looks like it doesn’t recognize CSS variables therefore it expects RBRACE (closing bracket) at some point.
If browser encounters an CSS error it actually stops the rest of the code from rendering therefore if error happens in the middle of the file the rest of the styles would not be loaded.
This is probably why you have an issue with the cache plugin.
It compress all CSS files into one and if that file has an error (could be from plugins as well since all CSS files are compressed) browser will stop the rest of the code from loading. When not compressed your CSS works fine.
It also displays “fr” as unexpected token:
View post on imgur.com
And here is an article from 2017 on how to use “fr” in CSS:
https://css-tricks.com/introduction-fr-css-unit/
the validator is using the code of http://csslint.net/
You don’t need to change the warnings that you think are correct.
