Please note that we have changed the menu structure.To simplify navigation, your elopage account is now structured slightly differently. But the functions remain the same. We will adjust the help section and renew the screenshots. If you have any questions, our support will be happy to help.
Achtung, neue Menüstruktur! Um die Navigation zu vereinfachen, ist dein elopage-Account jetzt etwas anders strukturiert. Die Funktionen bleiben aber die gleichen. Wir werden den Hilfebereich anpassen und die Screenshots erneuern. Bei Fragen hilft unser Support gerne weiter.
This is a machine-translated article. We’re constantly working on improving translation quality for an optimized help center experience. We apologize for any inconvenience.

Embedding icons from Fontawesome in the editor

Monika
Monika
  • Updated

Icons are a good way to visually enhance your texts or to make them easier to read. This is particularly interesting for online courses, especially if you use recurring elements, e.g. for notes, tasks, questions, etc. 

Here's an example:

Icons_Fontawesome.png

For this purpose, you can use the free icons from https://fontawesome.com/icons?d=gallery.

If you keep using certain icons, you should create an internal document with the code list that you can access quickly.

Instructions

  • Search for a free icon from the website that you want to use.

    Fontawesome_-_Icons.png
  • Copy the code for the icon to the clipboard.
  • Open the HTML area in the editor via the symbol < />.

    HTML-Bereich_aufrufen.png
  • Paste the code in the HTML area of the editor

     e.g. <i class="far fa-hand-point-right"></i>

  • Change the code from "far" to "fa." ->  <i class="fa fa-hand-point-right"></i>

    HTML-Code_mit_Icons.png

 

  • Use the symbol </> to switch back to the editor's view mode so that you
    a) see the changes and
    b) they are also saved.

And the icon is already integrated.

Please note: Please test whether the icon you have chosen works. Some icons are only available in the paid Pro version from Fontawesome.

Was this article helpful?