Display issues when showing more than one SVG on a single page

Hi there,

You should be able to use as many as you want in a page, my plugin will iterate the class names with numbers so each SVG can be targeted separately using CSS as well as group target all of them if you want.

Sounds like you might have some CSS or something that affects your SVG.

Do you have a link so I can see what we’re talking about here?

Hi,

sorry for the delay! Unfortunately, I cannot provide a link because it is a closed intranet.

What possible CSS issues are you referring to?

maybe there are common classnames between the SVG files and CSS targeting a class thought to be specific to a single image, might be inadvertently affecting the other one(s) you’re adding

Exactly, I’m thinking you have some CSS that is conflicting somewhere.

To be clear, this is really difficult to debug without being able to look at the browser inspector to see the code. If you could clone the site to a public URL, I could troubleshoot and help point out the issue.

You’re right! The issue comes from CSS that comes as CDATA with both files from MS Visio. So the CSS of the first svg is partly overwritten by the CSS of the second one due to some similar class names.

I’m glad you found the culprit ??