Search

Lists

Home / Shortcodes / Lists
 

Custom Lists (using FontAwesome icons!)

 
Any FontAwesome icon can be used and colored to make your lists more appealing.
 
  • Item #1
  • Item #2
  • Item #3
  • Item #1
  • Item #2
  • Item #3
  • Item #1
  • Item #2
  • Item #3
  • Item #1
  • Item #2
  • Item #3
 
  • Item #1
  • Item #2
  • Item #3
  • Item #1
  • Item #2
  • Item #3
  • Item #1
  • Item #2
  • Item #3
  • Item #1
  • Item #2
  • Item #3
 
 

Standard Lists

 
  • Item #1
  • Item #2
  • Item #3
    • Item #3a
    • Item #3b
  • Item #4
  1. Item #1
  2. Item #2
  3. Item #3
    1. Item #3a
    2. Item #3b
  4. Item #4
 
  • 1.
    List Shortcode
  • 2.
    ==============
  • 3.
    Standard lists are created by simply using the "visual" editor in WordPress. To create a custom list, do the same, then wrap with the list shortcode as seen below...
  • 4.
    [list icon="" icon_color=""]
  • 5.
    <ul>
  • 6.
    <li>Item #1</li>
  • 7.
    <li>Item #2</li>
  • 8.
    <li>Item #3</li>
  • 9.
    </ul>
  • 10.
    [/list]
  • 11.
    icon: (please see: fortawesome.github.io/Font-Awesome/icons/)
  • 12.
    icon_color: (default: same as text), primary (from Theme Options), red, orange, yellow, green, coral, blue, purple, brown, black, dark, gray/grey... or use a hex color code like "#00A0BF"