‘Inline & defer CSS’ breaks Woocommerce column layout?

  • Resolved sheddy32

    (@sheddy32)


    7 years, 6 months ago

    Hi,

    I love your plugin and have been very happy with it so far! However, I do have one question which I hope you might be able to help with…

    I have a WP/Woocommerce-based site. When I tick “Inline and Defer CSS?” and paste in all my critical path CSS (obtained using Sitelocity), all seems fine except that the column layouts of Woo’s Shop and Archive pages breaks, resulting in a column on each side with a large gap (three extra columns normally appear here) in the middle.

    I’ve been reading a lot of information online but can’t seem to find anything relevant, I don’t suppose this is a known issue/you could point me in the right direction to solve it?

    🙂 Thanks a lot and all the best!

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Optimizing Matters

    (@optimizingmatters)

    7 years, 6 months ago

    that’s typically an issue with the critical CSS (ccss) not being up to snuff @sheddy32, try generating it elsewhere maybe?

    Thread Starter sheddy32

    (@sheddy32)

    7 years, 6 months ago

    Hi,

    Thanks for such a speedy response, much appreciated!

    I thought it might be something like that, but it seems to occur whichever tool I use to obtain the CSS (e.g. Sitelocity, Critical CSS), so I wondered if was a known issue or something. I tried adding the default Woocommerce CSS to AutoOptimize too, on the presumption it should contain all the Shop layout code, but still the same issue…

    Have a great weekend!

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    7 years, 6 months ago

    I thought it might be something like that, but it seems to occur whichever tool I use to obtain the CSS (e.g. Sitelocity, Critical CSS),

    well, I’ll have to admit; I have had to tweak CCSS manually in some cases to get everything to display nicely. most of the times this is due to the fact that those extraction tools don’t see styles applied through JS.

    Thread Starter sheddy32

    (@sheddy32)

    7 years, 6 months ago

    That’s just the hint I need (not that up on JS stuff), thanks a lot – looks like I’ll be exploring that side of things over the weekend!

    😉 Cheers…

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    7 years, 6 months ago

    have fun sheddy32 and feel free to leave a review of the plugin and support here! 🙂

    Thread Starter sheddy32

    (@sheddy32)

    7 years, 5 months ago

    🙂 Thanks Frank – will do that now – I’ll reply to your email shortly too (re; paid CriticalCSS API stuff)

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘‘Inline & defer CSS’ breaks Woocommerce column layout?’ is closed to new replies.

Tags