Hover Effect in SVG Files

  • Resolved spainter

    (@spainter)


    6 years, 3 months ago

    Hi,

    My SVG file includes a hover effect that highlights relevant information on the image. I’ve added the SVG after making sure the option to automatically add the tag was checked. Any ideas how I can recover the hover effect on the image?

    You can see the image at the bottom of the page I linked. Also, if possible, I was trying to link the SVG in the “Literature” tab so it would open a new window. Unfortunately, I haven’t been able to include the hover effect there either.

    Thanks!

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Author Benbodhi

    (@benbodhi)

    6 years, 3 months ago

    Hi there,

    The “auto add class” feature is just to insert the class when adding an image in the normal post editor or text module in Divi (using the “add media” button).

    So, if you simply want to use the SVG like any other image, you can do it the way you have using the Divi image module… but that won’t honour the internal element interactivity. You need to render it inline.

    Best way to do it in Divi is using either a text or code block – put your IMG tag in there with the class style-svg and it will be rendered inline.

    <img class="style-svg" src="your-image-source.svg" />

    Let me know how you go.

Viewing 1 replies (of 1 total)

The topic ‘Hover Effect in SVG Files’ is closed to new replies.