Combine CSS files breaks Woocommerce Product Category and Product Page

  • Resolved steveaustin021

    (@steveaustin021)


    5 years, 10 months ago

    Hi there,
    First off, thanks for this beautiful piece of software which is by far the best caching plugin I have tried.

    Everything works perfectly except for when I use the combine CSS feature, it breaks the product category and product detail page.

    You can have a look at the staging site where this feature is turned on and compare with the live site where it’s turned off:
    Live site: https://ecomommy.shop
    Staging: https://staging.ecomommy.shop

    I have tried isolating the CSS file responsible for this and then excluding it, but without success.

    Any help will be greatly appreciated.

    Best regards,
    Steve.

    The page I need help with: [log in to see the link]

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Support qtwrk

    (@qtwrk)

    Hi,

    Please try copy all the CSS URI into excluding box and see how it goes.

    Best regards,

    Plugin Support Hai Zheng?

    (@hailite)

    Your critical css is not using our engine to generate it. In your staging site, it is loaded after combined CSS, which caused the issue.

    When using our CCSS, it will be put before all other combined CSS.

    Thread Starter steveaustin021

    (@steveaustin021)

    Thanks for the quick reply!
    There are just 2 CSS files in the page source and I already added them to the exclude box but pages are still broken.
    Any other suggestions?

    Plugin Support Hai Zheng?

    (@hailite)

    I don’t think you excluded all CSS as there are still a combined CSS in the header.

    As I stated, the issue is your CCSS is after combined CSS. You have to either not use that 3rd party CCSS or not use optimize CSS feature to avoid conflicts of CSS.

    Thread Starter steveaustin021

    (@steveaustin021)

    Okay on the staging site, I have turned off all optimization options in the theme that may be generating critical CSS. So critical CSS is only generated by LiteSpeed plugin.
    This has not solved the problem.
    Is there anything else I can do?
    Appreciate your help!

    Plugin Support Hai Zheng?

    (@hailite)

    Please double check your settings. As I just checked, <style id="critical-path-css" type="text/css"> is still there.

    Thread Starter steveaustin021

    (@steveaustin021)

    After a quick google search, it appears it’s not possible to totally turn off CCSS from the theme options.
    Are there any other workarounds I can try?
    Again, really appreciate your quick help so far!

    Plugin Support Hai Zheng?

    (@hailite)

    If the CCSS is from theme, you may need to consult your theme author on this.

    Thanks.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Combine CSS files breaks Woocommerce Product Category and Product Page’ is closed to new replies.