SVG interactivity does not work when image is uploaded in customizer

  • Resolved Ward_De_Bever

    (@darwinvestingcom)


    4 years, 10 months ago

    Hi there,

    I created an interactive svg file with inkscape. I could upload the file with svg support, but when I upload it as a sidebar background with the customizer, text is not interacting on mouse over. I could not find a topic on this forum that could solve the issue. Someone has a solution for this?

    Thanks in advance,
    Best regards!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Benbodhi

    (@benbodhi)

    Hi there,

    Sorry for the delay!

    The interactivity won’t work without rendering the SVG inline. So you would need to add the class "style-svg" to your IMG tag.

    The easiest way to do it is to use a HTML widget and simply place the IMG tag in there with the class and it will be replaced by the inline SVG code when it loads. The image widget won’t allow you to add a class to the image element itself.

    I hope this helps. Let me know how you go.

    Thread Starter Ward_De_Bever

    (@darwinvestingcom)

    Hi, thanks for your reply! In my wordpress theme I cannot choose a widget for that sidebar in the customizer. It just allows me to set a background image (my interactive svg file). Would there be a way to add it there?

    Best regards!

    Plugin Author Benbodhi

    (@benbodhi)

    I think it would take some custom code to allow your own widget or something.
    Unfortunately, the theme would have to support allowing you to add a custom CSS class to your IMG tag. In this case, the SVG is being used as a background image, likely using CSS background-image. You would probably have to hard code the SVG inline into that template to achieve it as a working background.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘SVG interactivity does not work when image is uploaded in customizer’ is closed to new replies.