Output Formats » WebWorks Reverb 2.0 » Customizing a Bullet Icon using Font Awesome
Customizing a Bullet Icon using Font Awesome
It is possible to use a Font Awesome icon for the bullet in a list. In order to do this, take the following steps:
1. In the Style Designer, create a new Character Style that will represent the Font Awesome bullet.
2. In the Character Style Options, under Additional CSS Classes, add fa, a whitespace, and the class of the icon you want to use. (For example: fa fa-warning) For a reference of all the icons available, refer to the Font Awesome Cheatsheet at:
3. Select the Paragraph Style that is to have the bullet added.
4. In the Bullet Properties area for the Paragraph Style, under the Property called Character Style, select the name of the Character Style that has the Font Awesome icon applied to it.
5. (Optional) If the Paragraph Style was initially an unordered list in the source document, it is also necessary to add a single whitespace to the Bullet Property called Text so the default bullet does not emit from the source document.
Was this helpful?
Last modified date: 01/19/2022