This week we’re going to take a look at adding a custom bulletpoint using the ‘Images in text’ function.
To create this example firstly I chose an icon, I used the website ‘Flaticon’ to find an icon.
Next I added a text and image page (this will work with any page type as long as there is a text field).
Next I added some text:
Then I selected the area of text where I would like to add a bullet point:
…and then I pressed the ‘Image’ button in the text editor:
…then I uploaded my icon by dragging it onto this field:
…at this point I had one bulletpoint, but I wanted to have three:
…so I clicked the next area that I would like to add a bulletpoint:
I then pressed ‘Images’ again, but this time rather than uploading an image I chose ‘Launch image library’:
…in the image library, the image that I previously uploaded was in the ‘Your images’ section:
I clicked it and it was instantly added, using this ‘Image library’ is much quicker as you don’t have to wait whilst your image uploads.
I repeated the same technique for my final bulletpoint.
I hope you enjoyed this post, next week we’re going to look at personalising your courses.
Latest posts by Joe Burns (see all)
- Introducing the new WYSIWYG Layout Designer in Elucidat - April 16, 2018
- The 6 Most Misunderstood Myths About Mobile Learning - July 2, 2016
- How to overcome the top 5 HTML5 elearning challenges - June 30, 2016