The complete Font Awesome icon reference.
#Iconbox 2.6 how to#
To learn more about how to add and use the Font Awesome icons, the best place to start is the Font Awesome project site:
In the preview of the editor you should now see the Font Awesome icon. Look for your placeholder text "ICON" and replace it with the HTML for the icon.Ĭlose the HTML/code view. Now go to the Font Awesome project page to choose an icon.įor this example, we choose the "check-circle" icon (left-click).īack in Moodle, switch the edtor to HTML/code view (see also: ). Note: If you change the font-size of the icon's container (here the paragraph where you place the icon), the icon will get bigger, too. You can now format the text, for example use a heading format to increase the font-size. For those who are not familiar with HTML, it is a good idea to use a placeholder for the icon: To make sure that these informations will not be missed, you want to mark them with an icon.įirst, we start with the text for the new label. Let's say you want to add some kind of general informations about your course which your users should read before they begin. Now you can add resources via the "Add an activity or resource" link.
To edit a course section you always have to turn editing on first. Let's add a label containing a Font Awesome icon to a Moodle course. Same things goes for color,ĭrop shadow, and anything else that gets inherited using CSS. If you change the font-size of the icon's container, the icon gets bigger.
0 kommentar(er)
