Font Awesome icons in Text Blocks do not work - Forum | JoomShaper
Solved SP Page Builder

Font Awesome icons in Text Blocks do not work

Asked by SIHAME ALLALI 4 years ago Last activity 4 years ago

Hi there,

In Template Wimble, there is a Site Module called:

Bottom

Inside of which are multiple Text Blocks, I am trying to update the Text all of the way to the right under the Joomla Module: Menu from:

<span style="opacity: .7;">Follow Us</span> - <strong> <a href="#">Fb.</a> / <a href="#">Tw.</a> / <a href="#">Inst.</a></strong>

to:

<span style="opacity: .7;">Follow Us</span> - <strong> <i class="fa-brands fa-linkedin"></i> </strong>

but when I save and come back in:

all I get is :

<span style="opacity: .7;">Follow Us</span> - <strong> </strong>

It is not saving the Font Awesome 5 tag...

Thank you very much.

Accepted answer

Marked as the solution
Paul Frankowski Senior Staff
4 years ago

If I may....

for custom code it's better to use RAW HTML addon, becuase on some cases TinyMCE may delete added by you code.

ABout your example:
<i class="fa-brands fa-linkedin"></i>

this is not correct syntax! in FA 5.15.x >> https://fontawesome.com/v5/search?q=linkedin&o=r

should be written as

<i class="fab fa-linkedin"></i>

4 more replies

Oldest first Newest first Most helpful
Ofi Khan Staff
4 years ago

Hello SIHAME ALLALI

Your code does not work on modules, SP Page Buildr pages, Joomla articles. I have checked on all of them. It might be TinyMCE or your code issue. Please try Icon Group addon on the bottom module to create what you are looking for.

Best regards

SIHAME ALLALI Asked this
4 years ago

Thanks Ofi and Paul.

I will try that !

SIHAME ALLALI Asked this
4 years ago

OK, found a working solution by using Icons Group for the moment, if that doesn't work long term, I'll go with the Raw HTML solution ;)

Paul Frankowski Senior Staff
4 years ago

Both solutions are OK, you do not edit those icon so often, right...

Log in to reply.