Checklist

Same Icon for all list items

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Fusce non lectus feugiat, vestibulum turpis eu, ullamcorper magna.
  • Maecenas venenatis metus et metus consequat, a malesuada lectus blandit.
  • Aenean ut nisl quis elit feugiat facilisis.
  • Proin vulputate risus id volutpat faucibus.
[checklist data_icon="angle-double-right" margin_bottom="20px"]
[list_item]Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/list_item]
[list_item]Fusce non lectus feugiat, vestibulum turpis eu, ullamcorper magna.[/list_item]
[list_item]Maecenas venenatis metus et metus consequat, a malesuada lectus blandit.[/list_item]
[list_item]Aenean ut nisl quis elit feugiat facilisis.[/list_item]
[list_item]Proin vulputate risus id volutpat faucibus.[/list_item]
[/checklist]

Different Icon for any list item

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Fusce non lectus feugiat, vestibulum turpis eu, ullamcorper magna.
  • Maecenas venenatis metus et metus consequat, a malesuada lectus blandit.
  • Aenean ut nisl quis elit feugiat facilisis.
  • Proin vulputate risus id volutpat faucibus.
[checklist data_icon="check" margin_bottom="20px"]
[list_item list_icon="anchor"]Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/list_item]
[list_item list_icon="bell"]Fusce non lectus feugiat, vestibulum turpis eu, ullamcorper magna.[/list_item]
[list_item list_icon="camera"]Maecenas venenatis metus et metus consequat, a malesuada lectus blandit.[/list_item]
[list_item]Aenean ut nisl quis elit feugiat facilisis.[/list_item]
[list_item]Proin vulputate risus id volutpat faucibus.[/list_item]
[/checklist]

Custom Font Size for the list group

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Fusce non lectus feugiat, vestibulum turpis eu, ullamcorper magna.
  • Maecenas venenatis metus et metus consequat, a malesuada lectus blandit.
  • Aenean ut nisl quis elit feugiat facilisis.
  • Proin vulputate risus id volutpat faucibus.
[checklist data_icon="check" margin_bottom="20px" ul_size="20px"]
[list_item list_icon="cloud"]Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/list_item]
[list_item list_icon="cubes"]Fusce non lectus feugiat, vestibulum turpis eu, ullamcorper magna.[/list_item]
[list_item list_icon="eye"]Maecenas venenatis metus et metus consequat, a malesuada lectus blandit.[/list_item]
[list_item list_icon="hand-o-up"]Aenean ut nisl quis elit feugiat facilisis.[/list_item]
[list_item list_icon="microphone"]Proin vulputate risus id volutpat faucibus.[/list_item]
[/checklist]

Custom Color for the list group

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Fusce non lectus feugiat, vestibulum turpis eu, ullamcorper magna.
  • Maecenas venenatis metus et metus consequat, a malesuada lectus blandit.
  • Aenean ut nisl quis elit feugiat facilisis.
  • Proin vulputate risus id volutpat faucibus.
[checklist data_icon="check" margin_bottom="20px" ul_size="20px" ul_color="#4DBB32"]
[list_item list_icon="cloud"]Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/list_item]
[list_item list_icon="cubes"]Fusce non lectus feugiat, vestibulum turpis eu, ullamcorper magna.[/list_item]
[list_item list_icon="eye"]Maecenas venenatis metus et metus consequat, a malesuada lectus blandit.[/list_item]
[list_item list_icon="hand-o-up"]Aenean ut nisl quis elit feugiat facilisis.[/list_item]
[list_item list_icon="microphone"]Proin vulputate risus id volutpat faucibus.[/list_item]
[/checklist]

Custom Color for any list item.

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Fusce non lectus feugiat, vestibulum turpis eu, ullamcorper magna.
  • Maecenas venenatis metus et metus consequat, a malesuada lectus blandit.
  • Aenean ut nisl quis elit feugiat facilisis.
  • Proin vulputate risus id volutpat faucibus.
[checklist data_icon="check" margin_bottom="20px" ul_size="20px" ul_color="#A582B9"]
[list_item list_icon="cloud" list_color="#4DBB32"]Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/list_item]
[list_item list_icon="cubes"]Fusce non lectus feugiat, vestibulum turpis eu, ullamcorper magna.[/list_item]
[list_item list_icon="eye"]Maecenas venenatis metus et metus consequat, a malesuada lectus blandit.[/list_item]
[list_item list_icon="hand-o-up" list_color="#4DBB32"]Aenean ut nisl quis elit feugiat facilisis.[/list_item]
[list_item list_icon="microphone"]Proin vulputate risus id volutpat faucibus.[/list_item]
[/checklist]

Checklist Options

  • id: add a unique ID to the shortcode.
  • class: add a class or multiple classes to the shortcode.
  • animation: “fade_in”, “move_left”, “move_right”, “move_up”, “scale_up”, “little_bounce”, “fade_in_down”, “fade_in_left”, “fade_in_right”.
  • ul_color: Enter Color Code for entire list. Leave blank to use body color.
  • ul_size: Enter Font Size for entire list. Leave blank to use body font size.
  • margin_bottom: List Bottom Margin.
  • data_icon: Add Font Awesome Icon name. e.g. For fa-anchor, add the name without fa-. icon=”anchor”.

Checklist Item Options

  • list_color: Enter the icon color here.
  • data_icon: Add Font Awesome Icon name. e.g. For fa-anchor, add the name without fa-. icon=”anchor”.
  • content: Enter the list item text. e.g. [list_item]Text[/list_item].