Icon font awesome not show in text editor

Hello. I try add icon using font awesome by add html code before text in text editor. But it not show.
EX:

<i class="fa fa-facebook-f"></i> <a href="#">Facebook</a>

<i class="fa fa-pinterest"></i> <a href="#">Pinterest</a>

<i class="fa fa-instagram"></i> <a href="#">Instagram</a>

How make it icon show any where in text editor by using font awesome code.
https://prnt.sc/u5ditp

Thanks.

Hello,

I saw the screenshot you attached.

Please replace the code you added with the following then clear cache and check back.

<i class="fa fa-facebook" aria-hidden="true"></i>
<i class="fa fa-instagram" aria-hidden="true"></i>
<i class="fa fa-pinterest" aria-hidden="true"></i>

Regard’s.
Xtemos Studio.

Hi friend.
It still not effect.
Can you check again.
Thanks.

Hello,

Please try and add the icons from the following website: https://fontawesome.com/v4.7.0/icons/

If the issue still occurs then deactivate all the third party plugins and provide admin panel login details of the website to check it myself and help you out accordingly.

Best Regards.

Yes. Please help me.
I try with font awesome 4.7 but still issue
Please check it soon. We running campaign.

Thanks.

Fixed it.
We need Load Font Awesome 4 Support in Elementor. How we update to Font Awesome 5 for your theme?
I have Font Awesome 5 pro. How i replace Font Awesome 4.
Thanks.

Attachments:

You must be logged in to view attached files.

Hello,

We are Glad you found a solution for yourself. You are Great!!!

Our theme supports only a set of the font-awesome icons that’s why most of the icons do not work.

To Use the free version on the font-awesome library you can enable from Theme Settings >> Performance >> CSS.

Screenshot for Clarification: https://ibb.co/c63HCKG

If you want to use all the icons you need to use a plugin or add a library manually Or you can use the icons from font-awesome4.

Regard’s.
Xtemos Studio.

[Author]

Posts