Font Awesome Icons In Text Blocks do Not Work
SIHAME ALLALI
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.
Paul Frankowski
Accepted AnswerIf 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>
Ofi Khan
Accepted AnswerHello 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
Accepted AnswerOK, 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 ;)