How to use the awesome icons in an article - Forum | JoomShaper
Solved Templates

How to use the awesome icons in an article

Asked by eierkopf 5 years ago Last activity 5 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 ...

Accepted answer

Marked as the solution
Pavel
5 years ago · edited

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.

2 more replies

Oldest first Newest first Most helpful
eierkopf Asked this
5 years ago

Es funktioniert. Vielen Dank.

Anne Staff
5 years ago

Hello eierkopf,

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

-Regards

Log in to reply.