Animation-duration validation errors

[jnlinn]

Hello,

I am using the latest version of WordPress, X Theme, Cornerstone, and W3TC for website https://www.bellafsm.com. Everyone of my website pages/post has the following validation errors:

Are you able to tell me how fix the “animation-duration” errors?

Best regards,

John

[tristup]

Hi John,

Thanks for reaching out.
It seems that the Animation > Duration has been set with the variable values with the CSS variables and that is the reason behind your issue. I would suggest you set the numeric values instead of variables and check if that resolves your problem.

Thanks

[jnlinn]

Thank you for the reply. I do not use any of the animation effects.

After hours of searching, I found the css hard coded in X Theme integrity stack “framework/dist/css/site/stacks/integrity-light.css”

How do I remove this permanently without having to change stacks?

Best regards

[ruenel]

Hello @jnlinn,

Actually, you can ignore those errors because those are CSS Variables which is a new CSS technology that the W3 Validator is not yet supporting. Be advised that the W3 Valitor only checks the HTML structure and not the CSS. It says something like this:

This validator checks the markup validity of Web documents in HTML, XHTML, SMIL, MathML, etc. If you wish to validate specific content such as RSS/Atom feeds or CSS stylesheets, MobileOK content, or to find broken links, there are other validators and tools available. As an alternative you can also try our non-DTD-based validator.

In terms of new technologies, the checker may not have applied it yet as the website itself also says that it is an experimental.

• https://validator.w3.org/nu/about.html

Best Regards.