[Support request] Unsupported CSS property: color

Home Forums Support [Support request] Unsupported CSS property: color

Home Forums Support Unsupported CSS property: color

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #2248569
    Renato

    Hello,
    Looking at the page speed information in the Avoid Non-Composite Animations section, I see this message:
    Unsupported CSS property: color

    It happens in all product sheets like this one

    Unsupported CSS property

    How can I fix this?

    #2248589
    Ying
    Staff
    Customer Support

    Hi Renato,

    I don’t think you need to worry about this warning, but if you do, try adding this CSS:

    .woocommerce-tabs ul.tabs li a {
    	transition: none;
    }
    #2248648
    Renato

    Thanks Ying, it worked, the warning from PageSpeed Insights is gone, but the problem with the CLS (desktop) remained unchanged. Evidently that was not the cause of the CLS problem

    Thanks again Renato

    #2248677
    Ying
    Staff
    Customer Support

    The main cause of the CLS is the content area, so try add this CSS:

    .left-sidebar .site-content .content-area {
        margin-left: auto;
    }
    #2249068
    Renato

    Seems to work fine, I’ll wait for Google’s 28 days to see if page speed works too, thanks Ying you were awesome

    #2249560
    Ying
    Staff
    Customer Support

    You are welcome 🙂

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.