Font Awesome List
The Font Awesome List creates a list of item with Font Awesome Icons serving as the bullets. These are typically used display contact information for an area, check-lists, program perks, and other highlighted lists. Each row in the snippet table specifies a new list item to be displayed, and each list icon can be displayed as either red, gray, or black next to the list text.
Snippet Options
FA-COLOR
Controls the color of the icons. This will not effect the color of the font beside the icon.
- RED
- GRAY
- BLACK
FA-SIZE
Controls the size of the list. This setting will not only change the size of the icon but it will also change the size of the text beside the icon.
- SMALL
- MEDIUM
- LARGE
- X-LARGE
- XX-LARGE
Snippet Columns
Icon
The icon that will be displayed instead of a bullet point. Icons can be inserted using the Icons - Font Awesome Gadget. You can insert the icon into the WYSIWYG or copy the icon class names and paste them.
Snippet options will override any size and color selected using the gadget. Use snippet options to style the icons.
Icons and icon class names only, any other content will be removed.
Text
Column two of the snippet table is called "Text Beside Icon". This is where you can edit the text shown beside the Font Awesome icon in the list.
WYSIWYG content allowed, we recommend limiting to text and links only here.
Examples
Example 1
This example makes use of the small FA-SIZE and red FA-COLOR.
- 270-745-7000
- webmaster@wku.edu
- Jody Richards Hall
Font Awesome List Snippet | |
---|---|
Options | |
FA-COLOR | RED |
FA-SIZE | SMALL |
List Items | |
Icon | Text |
270-745-7000 | |
webmaster@wku.edu | |
Jody Richards Hall |
Example 2
This example uses the medium font size and gray color.
- 270-745-7000
- webmaster@wku.edu
- Jody Richards Hall
Font Awesome List Snippet | |
---|---|
Options | |
FA-COLOR | GRAY |
FA-SIZE | MEDIUM |
List Items | |
Icon | Text |
270-745-7000 | |
webmaster@wku.edu | |
Jody Richards Hall |
Example 3
This example uses the black color icons and large size font.
- 270-745-7000
- webmaster@wku.edu
- Jody Richards Hall
Font Awesome List Snippet | |
---|---|
Options | |
FA-COLOR | BLACK |
FA-SIZE | LARGE |
List Items | |
Icon | Text |
270-745-7000 | |
webmaster@wku.edu | |
Jody Richards Hall |
Example 4
This example is x-large and uses the red icons.
- 270-745-7000
- webmaster@wku.edu
- Jody Richards Hall
Font Awesome List Snippet | |
---|---|
Options | |
FA-COLOR | RED |
FA-SIZE | X-LARGE |
List Items | |
Icon | Text |
270-745-7000 | |
webmaster@wku.edu | |
Jody Richards Hall |
Example 5
This example is xx-large in size and uses gray icons.
- 270-745-7000
- webmaster@wku.edu
- Jody Richards Hall
Font Awesome List Snippet | |
---|---|
Options | |
FA-COLOR | GRAY |
FA-SIZE | XX-LARGE |
List Items | |
Icon | Text |
270-745-7000 | |
webmaster@wku.edu | |
Jody Richards Hall |
Need Assistance?
The WKU ITS Service Desk is here to help. Give us a call, chat with a representative online, use the Self-Help Knowledge Base and more.
Some of the links on this page may require additional software to view.