How To Use The Awesome Icons In An Article - Question | JoomShaper

How To Use The Awesome Icons In An Article

E

eierkopf

Template 2 years ago

Hallo,

I don't understand how to use the awesome icons in an article. For example, I would like to put the pdf icon in front of a link. To do this, I enter:

<i class = "fas fa-file-pdf"> </i> <a> ... </a>

However, the editor deletes this HTML code. What am I doing wrong? The display works in the add-on function box ...

0
3 Answers
Pavel
Pavel
Accepted Answer
2 years ago #26069

Hi. It should be placed inside the link.

<a href="#">
    <!-- icon before link text -->
    <i class="fas fa-file-pdf"></i>
    Link text
</a> 
<a href="#">
    Link text
    <!-- icon after link text -->
    <i class="fas fa-file-pdf"></i>
</a> 

You need to configure your editor that it would not delete the code. If you are using TinyMCE it's not possible. Take a look at JCE. This editor can be configured.

1
E
eierkopf
Accepted Answer
2 years ago #26077

Es funktioniert. Vielen Dank.

0
Anne
Anne
Accepted Answer
Support Agent 2 years ago #26081

Hello eierkopf,

Thanks for contacting with us. Please, follow Pavel's instruction. And @Pavel , Thanks for the explanation.

-Regards

0