Website styles not being respected

morning chuckie;
First and foremost try to identify what is breaking things by just disabling CSS or JS or HTML or Image optimization (incl. lazyload). Based on that we can see what the next steps need to be ??

frank

Hi

If I disable just CSS it shows correctly.

In the CSS section the top 3 are ticked and the exclusions list:

wp-content/cache/, wp-content/uploads/, admin-bar.min.css, dashicons.min.css

OK, now if you keep “optimize styles” on but you disable “also aggregate inline CSS” does that work? if not, does it work when “aggregate CSS” is off?

If I untick:

* Aggregate all linked CSS files? If this option is off, the individual CSS files will remain in place but will be minified.

It seems OK. If I tick it again and then just untick:

* Check this option for Autoptimize to also aggregate CSS in the HTML.

It seems OK.

OK, in that case I would keep “optimize styles” and “aggregate CSS” on, but with “also aggregate inline CSS” off.

If you want you can take it a step further by trying to identify the block of inline CSS that should not be aggregated and exclude just that one?

How would we do that? Identify the block?

well, it can be a bit of trial and error but in Firefox developer tools on the style tab you can disable individual CSS files/ inline CSS blocks, toggling those one at a time might give clues as to which block it is you’ll need to exclude.

I have decided to leave it as it is. It works. Thank you.

makes sense, inline CSS rarely has a negative performance impact.