SVG Images Missing elements
-
We would love to use this plugin because embedded SVG code is preferable to us but were experiencing odd issues with them once they are displayed on the site.
With Support SVG Plugin Enabled:
http://interfastpanama.com/support-screenies/with-svg-support.PNGWithout Support SVG Plugin Enabled:
http://interfastpanama.com/support-screenies/without-svg-support.PNGHere is the code we use to display them on the site:
HTML:
<img class="style-svg custom-share" title="Cloud Storage Share" src="http://interfastpanama.com/wp-content/uploads/2015/08/cloud-share.svg" alt="Cloud Storage Share" />CSS:
.style-svg { width:100%; height:100%; }Here is the HTML Output:
http://pastebin.com/0gn6RMa5For obvious reasons we added the above CSS to ensure they are responsive. We tested this with and without the css and get the same result however.
Use Conditions:
Jupiter Theme
Visual Composer
Exported with Illustrator using Embed Option
Optimized using: https://jakearchibald.github.io/svgomg/
Tested with Chrome and FFNote: We tested these files with plain HTML pages and they work perfect. Seems only using wordpress and this plugin do they have this issue.
The topic ‘SVG Images Missing elements’ is closed to new replies.