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.

 

Available Settings

FA-COLOR 
Controls the color of the icons. This will not effect the color of the font beside the icon. (Options: 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. (Options: SMALL, MEDIUM, LARGE, X-LARGE, XX-LARGE)

 

Snippet Columns

Column one of the snippet table is called "Icon". This is where you can edit the Font Awesome icon used by specifing the Font Awesome icon name. Some common icon names are listed, below. You can use the link above to see the full list of available Font Awesome icons.

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.

 

Common Font Awesome Icons

 

Example #1

This example makes use of the SMALL FA-SIZE along with RED FA-COLOR.

  • 270-745-7000
  • webmaster@wku.edu
  • MMTH

 

Font Awesome List Snippet
FA-COLOR RED
FA-SIZE SMALL
Icon Text Beside Icon
fa-phone 270-745-7000
fa-envelope-o webmaster@wku.edu
fa-map-marker MMTH

 


 

Example #2

This example makes use of the MEDIUM FA-SIZE along with GRAY FA-COLOR.

  • 270-745-7000
  • webmaster@wku.edu
  • MMTH 

 

Font Awesome List Snippet
FA-COLOR GRAY
FA-SIZE MEDIUM
Icon Text Beside Icon
fa-phone 270-745-7000
fa-envelope-o webmaster@wku.edu
fa-map-marker MMTH

 


 

Example #3

This example makes use of the LARGE FA-SIZE along with BLACK FA-COLOR.

  • 270-745-7000
  • webmaster@wku.edu
  • MMTH

 

Font Awesome List Snippet
FA-COLOR BLACK
FA-SIZE large
Icon Text Beside Icon
fa-phone 270-745-7000
fa-envelope-o webmaster@wku.edu
fa-map-marker MMTH

 


 

Example #4

This example makes use of the X-LARGE FA-SIZE along with RED FA-COLOR.

  • 270-745-7000
  • webmaster@wku.edu
  • MMTH

 

Font Awesome List Snippet
FA-COLOR RED
FA-SIZE x-large
Icon Text Beside Icon
fa-phone 270-745-7000
fa-envelope-o webmaster@wku.edu
fa-map-marker MMTH

 


 

Example #5

This example makes use of the XX-LARGE FA-SIZE along with GRAY FA-COLOR.

  • 270-745-7000
  • webmaster@wku.edu
  • MMTH

 

Font Awesome List Snippet
FA-COLOR GRAY
FA-SIZE xx-large
Icon Text Beside Icon
fa-phone 270-745-7000
fa-envelope-o webmaster@wku.edu
fa-map-marker MMTH

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

 Last Modified 2/16/18