svg icons not showing up but the last

This topic has 5 replies, 2 voices, and was last updated 4 years, 12 months ago by Aizaz Imtiaz Awan.

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
December 15, 2019 at 9:59 pm #163493

edaphon
Participant

Hello,

I have a strange behaviour at my website. If I add one svg icon, it’s fine. If I add another one or two to the same page, all but the last added svg image are not showing up anymore, there is a rectangle showing up instead, see attached image.
This is true for all sites. I edited the svg files with <svg width=”304.93″ height=”168.83″ xmlns=”…> in sublime and also deleted all global css from theme settings but it didn’t help.

Do you have a solution for this?

Thanks and best,
Lorenz

Attachments:
You must be logged in to view attached files.

December 16, 2019 at 8:33 am #163533

Aizaz Imtiaz Awan
Keymaster

Hello,

I have visited your site and it seems the issue is with those first two svg images. Kindly try with some other images.

Also if the svg not working you can try some other format for images like jpg or png. Because most of the times the issue is with the svg file styling.

Best Regards.

December 16, 2019 at 11:34 am #163561

edaphon
Participant

Hello,

Thanks for your reply.
The issue is the same for every svg file placed in there. Now it is showing up but different, see image attached.
If there is no other way, I will use png. But the image is showing up in very low image quality.

Best,
Lorenz

Attachments:
You must be logged in to view attached files.

December 16, 2019 at 12:48 pm #163574

Aizaz Imtiaz Awan
Keymaster

Most Welcome,

You mean that it shown differently? Kindly provide your svg images and admin access URL. So I can check myself and help you out.

if you want to increase the quality then use “image size” option shown in your screenshot. Currently you are using 70* 70. Increase the size and then check back. Also you have to make sure that the actual image quality must be good enough to have a nice view.

Best Regards.

December 18, 2019 at 5:56 pm #163955

edaphon
Participant

Hello,

thanks for your feedback.

You find the access below.

Best,
Lorenz

Attachments:
You must be logged in to view attached files.

December 19, 2019 at 7:04 am #164006

Aizaz Imtiaz Awan
Keymaster

Most Welcome,

I have test your site and those SVG images at my test site also. It seems the issue is with the SVG code itself. When I use other formats like .png or .jpg images then they are shown just fine not differently.

Screenshot for clarification: https://jmp.sh/vcQd4JY

So, I suggest you to use the images with .png and .jpg format.

Best Regards.
Author

Posts