List Shortcodes

Standard Lists

upper-alpha

  1. In malesuada
  2. Nullam at odio
  3. Vestibulum ut
  4. Nunc lobortis

lower-alpha

  1. In malesuada
  2. Nullam at odio
  3. Vestibulum ut
  4. Nunc lobortis

upper-roman

  1. In malesuada
  2. Nullam at odio
  3. Vestibulum ut
  4. Nunc lobortis

lower-roman

  1. In malesuada
  2. Nullam at odio
  3. Vestibulum ut
  4. Nunc lobortis

circle

  1. In malesuada
  2. Nullam at odio
  3. Vestibulum ut
  4. Nunc lobortis

decimal

  1. In malesuada
  2. Nullam at odio
  3. Vestibulum ut
  4. Nunc lobortis

square

  1. In malesuada
  2. Nullam at odio
  3. Vestibulum ut
  4. Nunc lobortis

disc

  1. In malesuada
  2. Nullam at odio
  3. Vestibulum ut
  4. Nunc lobortis
Get The Code

[list type="disc"]

<ol> <li>In malesuada</li> <li>Nullam at odio</li> <li>Vestibulum ut</li> <li>Nunc lobortis</li> </ol>

[/list]

Lists With Icons

check

  1. In malesuada
  2. Nullam at odio
  3. Vestibulum ut
  4. Nunc lobortis

plus

  1. In malesuada
  2. Nullam at odio
  3. Vestibulum ut
  4. Nunc lobortis

rocket

  1. In malesuada
  2. Nullam at odio
  3. Vestibulum ut
  4. Nunc lobortis

heart

  1. In malesuada
  2. Nullam at odio
  3. Vestibulum ut
  4. Nunc lobortis
Get The Code

[list type="icon" icon="heart"]

<ol> <li>In malesuada</li> <li>Nullam at odio</li> <li>Vestibulum ut</li> <li>Nunc lobortis</li> </ol>

[/list]

2 Alternative Styles

none

  1. In malesuada
  2. Nullam at odio
  3. Vestibulum ut
  4. Nunc lobortis

simple

  1. In malesuada
  2. Nullam at odio
  3. Vestibulum ut
  4. Nunc lobortis

none

  1. In malesuada
  2. Nullam at odio
  3. Vestibulum ut
  4. Nunc lobortis

simple

  1. In malesuada
  2. Nullam at odio
  3. Vestibulum ut
  4. Nunc lobortis
Get The Code

[list type="icon" icon="heart"]

<ol> <li>In malesuada</li> <li>Nullam at odio</li> <li>Vestibulum ut</li> <li>Nunc lobortis</li> </ol>

[/list]

[list type="icon" icon="heart" style="simple"]

<ol> <li>In malesuada</li> <li>Nullam at odio</li> <li>Vestibulum ut</li> <li>Nunc lobortis</li> </ol>

[/list]

All Available Icons:

Shortcode Documentation

  • id
    The id attribute specifies an id for an HTML element.
    It must be unique within the HTML document.
    (Mainly for additional styling/scripting purposes)
  • class
    The class attribute specifies a class name for an HTML element.
    (Mainly for additional styling/scripting purposes)
  • type
    Available Options:
    • icon
    • empty
    • upper-alpha
    • lower-alpha
    • upper-roman
    • lower-roman
    • circle
    • decimal
    • disc
    • square
  • style
    Available Options:
    • none
    • simple
  • icon
    Available Options:
    All icons available on Font Awesome site
  • icon_color
    Icon Color