Title: SVG inline doesn't work Last modified: August 21, 2016 --- # SVG inline doesn't work * [dborghez](https://wordpress.org/support/users/dborghez/) * (@dborghez) * [12 years, 5 months ago](https://wordpress.org/support/topic/svg-inline-doesnt-work/) * Hi everyone, i’m trying to use a svg file into a post but it doesn’t work, nothing appear! I tried to copy THE SAME CODE and paste into a html file (you can see it there [http://studiodentisticocova.com/provadenti.html](http://studiodentisticocova.com/provadenti.html)) and everything works fine but NOT in my wordpress site (i can’t give you the link because it’s still il local). Anyone has an idea? Thanks! Viewing 9 replies - 1 through 9 (of 9 total) * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [12 years, 5 months ago](https://wordpress.org/support/topic/svg-inline-doesnt-work/#post-4379095) * This is not an svg file: [http://studiodentisticocova.com/img/dentisuperiori.png](http://studiodentisticocova.com/img/dentisuperiori.png) * Thread Starter [dborghez](https://wordpress.org/support/users/dborghez/) * (@dborghez) * [12 years, 5 months ago](https://wordpress.org/support/topic/svg-inline-doesnt-work/#post-4379115) * That one no, but look at the red teeth, them are SVG! I think it’s a problem of the editor of wordpress, because if i try to copy the code from the page into my wordpress’ page with FIREBUG it works. * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [12 years, 5 months ago](https://wordpress.org/support/topic/svg-inline-doesnt-work/#post-4379117) * Oh I see, sorry. Could you copy all of your HTML (from the page’s source code) and paste it into [a sandbox and share us a link](http://cssdesk.com) to that? * Thread Starter [dborghez](https://wordpress.org/support/users/dborghez/) * (@dborghez) * [12 years, 5 months ago](https://wordpress.org/support/topic/svg-inline-doesnt-work/#post-4379141) * here you can find the jsFiddle with the working code: [jsFiddle](http://jsfiddle.net/j583M/6/) * I copied and paste that code into my wordpress’ page and the svg doesn’t work. Here you can find how it appear in firebug my wordpress’ page [IMAGE](http://studiodentisticocova.com/img/wordpresscode.jpg) * Like you can see there isn’t any at the end and the syntax of the path it’s incorrect! * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [12 years, 5 months ago](https://wordpress.org/support/topic/svg-inline-doesnt-work/#post-4379146) * If it involves jQuery then you need to use [a noconflict wrapper](http://codex.wordpress.org/Function_Reference/wp_enqueue_script#jQuery_noConflict_Wrappers) and you may need to [enqueue your script](http://codex.wordpress.org/Function_Reference/wp_enqueue_script). * Btw it doesn’t look like the teeth are coloured on your JSfiddle page * Thread Starter [dborghez](https://wordpress.org/support/users/dborghez/) * (@dborghez) * [12 years, 5 months ago](https://wordpress.org/support/topic/svg-inline-doesnt-work/#post-4379151) * It’s no a problem of jQuery because I’ve already solved that in wordpress 😉 I tried to change the color directly in svg file ( “fill:red” ) but nothing works. Truts me it’s a problem of the “pasting” code in wordpress editor, let me explain you why: 1. I opened the external page ( [PAGE](http://studiodentisticocova.com/provadenti.html)) and I analized it with firebug. 2. I copied the code ( from firebug ) 3. I opened my wordpress page and analized it with firebug 4. I pasted the part in my wordpress page, with FIREBUG and it works. * Another example is this: I copied the code from [HERE](http://www.w3schools.com/svg/tryit.asp?filename=trysvg_circle), pasted in my wordpress page and neither this was appeared! * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [12 years, 5 months ago](https://wordpress.org/support/topic/svg-inline-doesnt-work/#post-4379261) * Could you post here the HTML output of your SVG code that is on your webpage? * Thread Starter [dborghez](https://wordpress.org/support/users/dborghez/) * (@dborghez) * [12 years, 5 months ago](https://wordpress.org/support/topic/svg-inline-doesnt-work/#post-4379280) * [HERE](http://jsfiddle.net/FvAFj/1/) you can find the code that i copied. Like you can see there is a problem because there isn’t any and WordPress generate

and interpretates every inside another . * i’m so sorry but i’m working in local so i can’t show you the code now 🙁 * ps: I copied the code from Firebug * [paulunstech](https://wordpress.org/support/users/paulunstech/) * (@paulunstech) * [11 years, 9 months ago](https://wordpress.org/support/topic/svg-inline-doesnt-work/#post-4379498) * I had the same problem, noticed WP was inserting most likely due to the copy and paste. I compressed the svg code w/ no unnecessary spaces and presto. In working order. * Hope this helps. Viewing 9 replies - 1 through 9 (of 9 total) The topic ‘SVG inline doesn't work’ is closed to new replies. ## Tags * [html](https://wordpress.org/support/topic-tag/html/) * [svg](https://wordpress.org/support/topic-tag/svg/) * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/) * 9 replies * 3 participants * Last reply from: [paulunstech](https://wordpress.org/support/users/paulunstech/) * Last activity: [11 years, 9 months ago](https://wordpress.org/support/topic/svg-inline-doesnt-work/#post-4379498) * Status: not resolved ## Topics ### Topics with no replies ### Non-support topics ### Resolved topics ### Unresolved topics ### All topics