SVG information box

Hi,
I have the same problem: https://xtemos.com/forums/topic/information-box-svg-image/
SVG attached. it has width and height

Attachments:

You must be logged in to view attached files.

Hi,

Please, describe to us your problems in a bit more detail. Attach some screenshots and provide us with a list of steps on how to reproduce them on your website.

Thank you in advance.

If I use svg image to an information box its not showing at all, just blank white.

It seems that the file_get_contents function for URLs is disabled on your server. You need to contact your provider and ask to enable this option.

its showing now, but not perfect

Could you please clarify where we can see this SVG on your website to see how it looks?

Here is the link

You need to specify the image size for your SVG icons to make it look smaller https://gyazo.com/a0656bb7b34163a21f846c6cd2b369fc

but the svg is still broken, you can see it on the page

It may be affected by other SVGs on this page. Could you please create a test page with only one SVG displayed and see how it works?

This is a test page, I have created just for this. There are no any other svg-s.

We see 10 SVGs on this page https://gyazo.com/037aa65a864867e452f9b866b43b6479
Note that if SVGs are created incorrectly, they may contain code that affects other SVGs on the page. That is why you need to test how it works on an empty page without any SVGs.

Kind Regards

Now there is no any other svg in the page and still broken.

We still see a few SVGs on this page. For example this one in the footer https://gyazo.com/b956cc1b376c82ab39b2c3dd40b861fc

Kind Regards

its a json file, not an svg

footer deleted, please help

You need to edit this SVG and add id= attribute to the <svg tag. Note that it shouldn’t contain spaces and dashes. Here is an example

<svg id="mysvg1">

Please help why the SVG (icons 88×88 white bg-10) not working properly in the top center info box. The other is working fine in the right bottom (icons-88)…

Attachments:

You must be logged in to view attached files.

Hello,

The problem is caused by SVG itself: some of your SVG images have styles that are applied to the whole page. As a result, the styles of one SVG icon influence the other. In order to solve this, you need to insert inline styles without classes.

If you create SVG in Adobe Illustrator we would suggest exporting SVG with appropriate CSS properties in the first place. During export from Illustrator choose style attributes. You can read more about resolving this issue in Illustrator here https://cobwwweb.com/inline-style-attributes-svg-elements.

Best Regards

Url not working

Sorry, here is the right one https://www.seancdavis.com/posts/inline-style-attributes-svg-elements/

[Author]

Posts