How to upload svg in Pro Theme and adding to header

[skated]

Hi,

I saw old posts about uploading SVG in Pro Theme, so I tried installing SVG Support plugin, setting it and using it. But when I tried to add an SVG file to my new header, it wasn’t possible to upload it. I needed to use the svg file for a button, so I tried to upload through the normal button element.
Is there a way to upload in Pro Theme or via another plugin an SVG file and using it with Pro editor?

Thanks!

[friech]

Hi Giacomo,

Thank you for writing in, try uploading your SVG file directly in the Media Library and then just set that image on your element.

And another thing, please make sure that your SVG file contain explicit width and height attributes in it. If your SVG file does not have those attributes then it’s not going to work on the builder.

e.g.

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="Layer_1" x="0px" y="0px" width="536.4" height="210.6" viewBox="0 0 536.4 210.6" style="enable-background:new 0 0 536.4 210.6;" xml:space="preserve">

Cheers!