Image Block - Hover effect for SVG file not working?
Permalink
Looking to add image hover / roll over effect for SVG file in the image block. It works with PNG files, but not with SVG?
The img tag renders the SVG as a bitmap, so the SVG elements are not in the DOM and can't be selected through CSS.
So there is now way to do rollover effects using image block with SVG?
You can create a custom template and attach the events to the containing div rather than to the svg image. (That is how I handle such in Omni Gallery https://c5magic.co.uk/addons/omni-gallery... )