SVG Animation

Could someone help me figure out why an SVG animation isn’t playing for me? It’s working just fine in the preview of Cornerstone, but isn’t displaying on the front end of the site for some reason.

Hi @Nuera,

Thanks for reaching out!

There’s something wrong with your SVG animation code because when you try to check the google console there’s an error.

But when you remove the SVG code, the error is gone. I suggest that you review your SVG animation code. You can validate the SVG from here: https://www.svgviewer.dev/

Hope that helps.

Hmmm, interesting. Ok, I’ll look into that - thank you!

Hey Marc,

Though I couldn’t locate the validator in the link you provided, I did use this one and the code passed:
https://validator.w3.org/

I’m confused as to why the animation would work without issue on the backend of Cornerstone but not be visible on the front end too. I’ve applied this same practice before on other builds without issue. I’m creating the animation at SVGator.com and I’d be happy to set any parameters that would be helpful/advised, but the animation plays just fine when loaded into browsers, so really feels like this is a Cornerstone issue.

OK - I figured it out!

Apparently, WordPress prefers that CSS animations be loaded as CSS files instead of JS files. It’s working now!
https://breakingground.nueramarketing.com/

Hi @Nuera,

Glad that you are able to figure this out.

Thanks

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.