SVGs not displaying on front end

use instead svg support plugin.

another advantage: you see previews on mediathek. You can define a class that enables the replacement from img svg to svg inline.
Means if it comes to an image with a given class and a svg – it will insert instead the svg itself.
This is something i use often for the logo. Because you can do nice things with svg on hovering f.e.

you can see it here on startpage: https://webers-testseite.de/cynthia/
shrinking the logo only blending some path in the svg out. Hovering makes only that path red.

But indeed here it is also necessary to define (if it is not in the svg itself) a width for it – guess you can have a monster witdth – because it is than handled to 100% width through the Enfold settings:

img[src$=".svg"] {
    width: 3000px !important;
}

PS : test that code first with your plugin aswell

Hi Team,

2 years later and I have the same problem like sarahrose: I can’t use svg with the image element.
Is there an solution or workaround?

Thank you and reagrds
Mike

Hi Rikard,
no I didn’t. But I have try it now and ist works.
Thank you and best regards
Mike

Hi,
you can close this ticket.
But I don’t know why I need an Plugin to use SVG with Enfold?
This is not contemporary!

Best Regrads
Mike

Well do not ask Enfold Team for that – ask WordPress Team.
I do really like the usage of svg – WordPress should finally react to the use of svgs.