SVG not working properly

Hello

Could you please tell me what i’m missing? SVG never working in info box.

take a look on the pictures provided

Attachments:

You must be logged in to view attached files.

Hello,

To fix this problem, you need to open your SVG icons file with some editor like Sublime Text or default system text editor and add height and width attributes to your <svg> tag like it is shown on the screenshot https://gyazo.com/83fd36b0bb9628bb1aed2bd3d5d063c5
Then you will need to reupload your icons in the WordPress Dashboard.

Best Regards

Hello

I’ve seen that solution many times before I tried it and still not working.

The SVG issue is in the following:

1- SVG icons not working properly in information box.
2- SVG logo has extra space to the right.

Please provide me with another solution.

Many thanks

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

Extra space on your logo is on your original SVG image so it is not affected by the theme https://gyazo.com/b0aedbb60a85280c6e23c5eb72325eee

Hello,

I contacted the server provider and they said it is already activated.

It is so weird, because the same SVG is working just perfect in the same page. But not in the info box!
See picture.

Attachments:

You must be logged in to view attached files.

Hello,

Please provide the page URL where you use these SVG images.

Best Regards

Here you go!

Hello,

The problem is caused by SVG itself: some of your SVG images have the styles which are applied to the whole page. https://prnt.sc/p2o2zc

In the result styles of one SVG icon influence the other. In order to solve this, you need to insert inline styles without classes, for example, https://prnt.sc/loz0mw

Best Regards

Please tell me how to fix it not with codes, because I’m not a developer. I can thought adobe illustrator to edit vectors

Hi,

Embedded SVG styles applied to each individual image cant be removed by WordPress theme. If your SVG styles classes use the equal name they will interfere with each other. You can open your SVG image in any text editor and manually change styles to inline like is shown on this screenshot https://prnt.sc/loz0mw.

If you create SVG in Illustrator we would suggest to export 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.

Regards

[Author]

Posts