Facebook Pixel Font Awesome List | Western Kentucky University Skip to main content

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.

Get Help



Some of the links on this page may require additional software to view.

 Last Modified 11/6/20