where do i find my css

Now I am back to the point where my site loads in a weird way. It stays that way until I navigate to a different page. When I return to the homepage, the site looks normal.

seems you’re already back on the default CSS optimization option, so I can’t see what the problem might be.

so; could you re-enable “inline & defer”, use the critical css based on the autoptimized file (and not the one only based on your child theme’s style.css) and then go over to https://webpagetest.org/ to run a test on your site and paste the URL with the test-result here so I can review that to get an idea of what is (not) happening?

I did what you said. I’m not quite sure how to get the results to you on webpagetest.org. The results information looks a little more complicated than the google page insights results. Just so you know what I did in regards to the CSS Options:
Optimize CSS code (checked)
Also Aggregate Inline CSS (checked)
Inline and Defer CSS: (checked) – In this case, I got the autoptimize.css. I then opened it copied it and placed it in the critical css generator. I took those results and copied and pasted into the area under Inline and Defer CSS.

I meant the webpagetest URL on which you got the result, if you give me the URL I can see those results for myself ??

Here is the URL of the results.
https://webpagetest.org/result/170129_87_A3Y/

that seems to be a result of you site running without autoptimize @cchilds1976, that doesn’t really allow me to understand what’s going on when you activate AO’s “inline & defer CSS” I’m afraid …

So you are saying I need to uncheck the “Inline & defer CSS” box?

I’m really confused about how I should set up the “CSS Options” section.

no, what I’m saying is that based on the webpagetest.org result, autoptimize wasn’t even active (look at the waterfall chart here and you’ll see all CSS & JS loading separately instead of optimized, there’s no autoptimize_xyz.js or autoptimize_zyx.css file being loaded). this is also the case now; I had a look and your site seems to have autoptimize disabled.

so what I would need to (try to) help you out is see the site tested on webpagetest.org:
1. with autoptimize active AND
2. in autoptimize have “inline & defer” active AND
3. in the “above-the-fold” field under “inline & defer” use the critical CSS generated based on the autoptimized CSS file (as opposed to the one based on your child theme’s style.css)

That’s what I have setup. Here it is for you: https://www.webpagetest.org/export.php?bodies=1&pretty=1&test=170129_S7_Q0R

Is there a way you could do it for me.

afraid AO still seems not to be active. if you have it activated (and CSS & JS optimization are active), then there might be a conflict with another plugin, although it did see it working yesterday?

ok, got it; you seem to have a page cache (plugin or otherwise) which has a version of the page in cache without AO being active. can you re-enable inline&defer and then clear your pagecache before running the test?

Inline & defer has always been enabled. I just cleared my cache. I also cleared URL cache and ran the test. Here are the results: https://www.webpagetest.org/export.php?bodies=1&pretty=1&test=170129_KZ_SEZ

I just deactivated the Async JavaScript plugin and the Remove Query Strings from Static Resources Plugin and re-ran the test. Here are the new results: https://www.webpagetest.org/export.php?bodies=1&pretty=1&test=170129_J7_SPQ

OK, that last one did it, I can now indeed see Autoptimize is active and the CSS was deferred in that test. are you running this configuration now as well?