Info Box is not showing icons

Hi,

At the bottom of my website’s about us page, I’ve added some information boxes from xtemos elementor elements. But suddenly, the icons are not showing. I’ve checked with the elementor that the icons are still there. I’ve changed the icon also and cleared my cache but nothing worked. On elementor edit page, the icon won’t even show there.

Could you please help me with this?

Attachments:

You must be logged in to view attached files.

Hello,

Do you mean these icons: https://gyazo.com/3140690750a85495dde290772d099388

If you do, please clear the cache and check again. It seems everything works well on your site.

Best Regards

Hi,

Not these icons. The icons are on the about us page. I’ve figured out that those icons were SVG and were working before but not working now. So, I replaced them with png icons.

Do you have any idea why SVG icons are not showing?

Hello,

You need to open your SVG icons file with some editor like Sublime Text or default system text editor and add width=”31″ height=”40″ attributes to your <svg> tag like it is shown: http://prntscr.com/m4n0qw
Then you will need to re-upload your icons in WordPress Dashboard.

Also 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.

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 have any questions please feel free to contact us.

Best Regards

[Author]

Posts