Title: SVG Images Missing elements Last modified: August 31, 2016 --- # SVG Images Missing elements * Resolved [worsin](https://wordpress.org/support/users/worsin/) * (@worsin) * [10 years, 1 month ago](https://wordpress.org/support/topic/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.PNG](http://interfastpanama.com/support-screenies/with-svg-support.PNG) * Without Support SVG Plugin Enabled: [http://interfastpanama.com/support-screenies/without-svg-support.PNG](http://interfastpanama.com/support-screenies/without-svg-support.PNG) * Here is the code we use to display them on the site: * HTML: * ``` Cloud Storage Share ``` * CSS: * ``` .style-svg { width:100%; height:100%; } ``` * Here is the HTML Output: [http://pastebin.com/0gn6RMa5](http://pastebin.com/0gn6RMa5) * For 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/](https://jakearchibald.github.io/svgomg/) Tested with Chrome and FF * Note: We tested these files with plain HTML pages and they work perfect. Seems only using wordpress and this plugin do they have this issue. * [https://wordpress.org/plugins/svg-support/](https://wordpress.org/plugins/svg-support/) Viewing 2 replies - 1 through 2 (of 2 total) * Plugin Author [Benbodhi](https://wordpress.org/support/users/benbodhi/) * (@benbodhi) * [10 years, 1 month ago](https://wordpress.org/support/topic/svg-images-missing-elements/#post-7368240) * Hi, firstly thank you for your support! * It looks to me like something to do with those actual layers in the original vector file when you have saved it. I have come across this before and then just wrote css to target the different area colours. But, probably the best thing is to make sure that there is no unnecessary layers in the file itself. When I am ready to use for the web, I strip the working file right down to bare minimum so there is just the exact required elements in the SVG… It is a lot of extra code to display inline into your page, so I always trim it to the bare minimum within the graphic program first, then I run it through SVGCleaner: [https://sourceforge.net/projects/svgcleaner/](https://sourceforge.net/projects/svgcleaner/) * Also, if you could have a test installation of plain WordPress with my plugin and test… that might rule out a number of other factors. * I hope this makes sense. If you still have trouble, you could shoot me the actual SVG and I could take a look. * Cheers Ben * Plugin Author [Benbodhi](https://wordpress.org/support/users/benbodhi/) * (@benbodhi) * [9 years, 11 months ago](https://wordpress.org/support/topic/svg-images-missing-elements/#post-7368429) * I am going to mark this as resolved because I believe it to be related to your specific SVG file. Viewing 2 replies - 1 through 2 (of 2 total) The topic ‘SVG Images Missing elements’ is closed to new replies. * ![](https://ps.w.org/svg-support/assets/icon.svg?rev=3554681) * [SVG Support](https://wordpress.org/plugins/svg-support/) * [Frequently Asked Questions](https://wordpress.org/plugins/svg-support/#faq) * [Support Threads](https://wordpress.org/support/plugin/svg-support/) * [Active Topics](https://wordpress.org/support/plugin/svg-support/active/) * [Unresolved Topics](https://wordpress.org/support/plugin/svg-support/unresolved/) * [Reviews](https://wordpress.org/support/plugin/svg-support/reviews/) * 2 replies * 2 participants * Last reply from: [Benbodhi](https://wordpress.org/support/users/benbodhi/) * Last activity: [9 years, 11 months ago](https://wordpress.org/support/topic/svg-images-missing-elements/#post-7368429) * Status: resolved