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
Share