Sorry, i don’t consider this a bug…so thought HOW TO was a better topic section.
I’ve created a custom SVG to use as a shape divider above my footer.
The svg is within a standard section/container element that sits above the footer.
The svg has a gradient animation running through it’s 3 paths.
When testing via Chrome direct in the browser, it works great, but upon import (using the svg widget), it does not animate nor does it show the gradient, just the fallback color. within the 3 paths.
Wondering if anyone had any insight?
I can post the svg code…if that’s safe to do here…not sure.
Thanks in advance!
I think you need to post the code.
There’s at least 2 ways to do the animation. One is the have inline css animations, so it’s all in the SVG code. The other is to give SVG elements an ID, and write the CSS in a separate stylesheet.
It sounds like maybe you have inline code, which is being stripped out on import. A fix may be to FTP the file, and add a url, rather than use the media library.
Thank you for your help!
I finally did a little trouble-shooting and sure enough, WP was stripping out the ‘animate’ tags completely.
I’ve decided to use the CODE WIDGET instead, and it all works well!
Regarding writing CSS for the ID’s…I can do that for a static gradient fill. But don’t know how to write css for an animated gradient fill. I’ve only seen examples using inline animation tags.
Thanks again!
K