Fontawesome icons are not displayed correctly – got tag instead

Hi, I am modifying theme’s home page of Organic demo. In the module ‘Our products’ there are 5 tabs, originally with images. I am trying to replace the graphics with FA icons. In Elementor for each of the tabs I select tab ‘Icon’ and select ‘With icon’ as a tpe, then choose fontawesome regular icon. After that the is not visible in Elementor nor on the published page. When I look at the page’s source code, it seems the theme tries to display SVG instead of an icon:
<div class="img-wrapper"><svg...></div>
while I supposed to should look like:
<div class="img-wrapper"><i class="fa..."></div>
I have looked through support topics similar to the issue I have and checked Woodmart settings -> Performance -> Fonts & Icons -> Font Awesome Library => Always use
So I have no idea what is going on with that… Can you help?

Hello,

Yes, Go to Theme Setting -> Performance -> fonts & Icons -> Font Awesome library. Choose the option “always use”. Then clear the cache and check the issue.

If the issue remains then share the wp logins details of your site i will check and give you a possible solution.

Best Regards.

Hi,

As mentioned above, I have already checked the “Always use” so… Providing login access in the private…

The site is in the early stage of development so no plugins have been installed except for those coming with Woodmart.

Thanks!

Hello,

Your issue has been solved. Please check the site after removing the browser cache.

Thanks.

Hi,

Excellent work! What was the reason behind the issue?

Hello,

I have added the small custom CSS code in the theme settings to overwrite some old CSS added coming any plugin or Elementor so I have added small custom CSS in the theme settings now they are working. Actually, the size of the icons was not set in width.

Best Regards.

[Author]

Posts