I have seen several posts on how to style svg’s, but i’m not quite understanding for my situation.
I have some svg images that is simply text. I am exploring avoiding web fonts because of rendering issues. I am trying to style these svg’s by dropping them into the html and styling in css, but this is not working. Can someone help me achieve this?
I’m not sure about styling SVG’s, but @Paulie_D is right, and it should be the property in the transition, rather than the color. I’d also recommend taking the transition out of the hover, and putting it in `.style` so it has a smooth transition in and out of the hover state.
Yes, it is the color change I am having issues with. And for the containing div and the svg, I have been struggling with this as well. For some reason If I were to only leave one class, say for the containing div and nothing for the svg, nothing shows up. However, when I placed the class in both section the svg does show up properly…. :-/