[box type="custom-boxed-item" align="center" text_align="textcenter"]
[fancy_header tag="h4" size="medium" text_align="textcenter" bold="1"]What's this?[/fancy_header]
The List shortcode makes lists more visually appealing, with a choice of 4 useful list types. Check out the examples below.
[icon icon="fa-arrow-down" font_size="15" boxed="1" description="See examples below" position="center" margin_top="20px" margin_bottom="-40px" link="#content" class="infinite wobble"]
[/box]
[section_break type="blank" margin_bottom="30" /]
[tabs layout="vertical" convert="cvt-phone-ldsp"]
[tab title="Bullet"]
[fancy_header bold="1" type="style1"]Stacked[/fancy_header]
[list style="bullet" layout="stacked"]
[li]Bullet icons[/li]
[li]Responsive and adaptive[/li]
[li]Unlimited colors[/li]
[/list]
[accordion style="plain"]
[accordion_toggle title="Get code"]
[list style="bullet" layout="stacked"]
[li]...[/li]
[/list]
[/accordion_toggle]
[/accordion]
[fancy_header bold="1" type="style1" margin_top="50"]Inline[/fancy_header]
[list style="bullet" layout="inline"]
[li]Bullet icons, inline[/li]
[li]Responsive and adaptive[/li]
[li]Unlimited colors[/li]
[/list]
[accordion style="plain"]
[accordion_toggle title="Get code"]
[list style="bullet" layout="inline"]
[li]...[/li]
[/list]
[/accordion_toggle]
[/accordion]
[/tab]
[tab title="Tick"]
[fancy_header bold="1" type="style1"]Stacked[/fancy_header]
[list style="tick-plain" layout="stacked"]
[li]Bullet icons, inline[/li]
[li]Responsive and adaptive[/li]
[li]Unlimited colors[/li]
[/list]
[accordion style="plain"]
[accordion_toggle title="Get code"]
[list style="tick-plain" layout="stacked"]
[li]...[/li]
[/list]
[/accordion_toggle]
[/accordion]
[fancy_header bold="1" type="style1" margin_top="50"]Inline[/fancy_header]
[list style="tick-plain" layout="inline"]
[li]Bullet icons, inline[/li]
[li]Responsive and adaptive[/li]
[li]Unlimited colors[/li]
[/list]
[accordion style="plain"]
[accordion_toggle title="Get code"]
[list style="tick-plain" layout="inline"]
[li]...[/li]
[/list]
[/accordion_toggle]
[/accordion]
[/tab]
[tab title="Tick circle"]
[fancy_header bold="1" type="style1"]Stacked[/fancy_header]
[list style="tick" layout="stacked"]
[li]Bullet icons, inline[/li]
[li]Responsive and adaptive[/li]
[li]Unlimited colors[/li]
[/list]
[accordion style="plain"]
[accordion_toggle title="Get code"]
[list style="tick" layout="stacked"]
[li]...[/li]
[/list]
[/accordion_toggle]
[/accordion]
[fancy_header bold="1" type="style1" margin_top="50"]Inline[/fancy_header]
[list style="tick" layout="inline"]
[li]Bullet icons, inline[/li]
[li]Responsive and adaptive[/li]
[li]Unlimited colors[/li]
[/list]
[accordion style="plain"]
[accordion_toggle title="Get code"]
[list style="tick" layout="inline"]
[li]...[/li]
[/list]
[/accordion_toggle]
[/accordion]
[/tab]
[tab title="Arrow"]
[fancy_header bold="1" type="style1"]Stacked[/fancy_header]
[list style="arrow" layout="stacked"]
[li]Bullet icons, inline[/li]
[li]Responsive and adaptive[/li]
[li]Unlimited colors[/li]
[/list]
[accordion style="plain"]
[accordion_toggle title="Get code"]
[list style="arrow" layout="stacked"]
[li]...[/li]
[/list]
[/accordion_toggle]
[/accordion]
[fancy_header bold="1" type="style1" margin_top="50"]Inline[/fancy_header]
[list style="arrow" layout="inline"]
[li]Bullet icons, inline[/li]
[li]Responsive and adaptive[/li]
[li]Unlimited colors[/li]
[/list]
[accordion style="plain"]
[accordion_toggle title="Get code"]
[list style="arrow" layout="inline"]
[li]...[/li]
[/list]
[/accordion_toggle]
[/accordion]
[/tab]
[tab title="Question"]
[fancy_header bold="1" type="style1"]Stacked[/fancy_header]
[list style="question" layout="stacked"]
[li]Bullet icons, inline[/li]
[li]Responsive and adaptive[/li]
[li]Unlimited colors[/li]
[/list]
[accordion style="plain"]
[accordion_toggle title="Get code"]
[list style="question" layout="stacked"]
[li]...[/li]
[/list]
[/accordion_toggle]
[/accordion]
[fancy_header bold="1" type="style1" margin_top="50"]Inline[/fancy_header]
[list style="question" layout="inline"]
[li]Bullet icons, inline[/li]
[li]Responsive and adaptive[/li]
[li]Unlimited colors[/li]
[/list]
[accordion style="plain"]
[accordion_toggle title="Get code"]
[list style="question" layout="inline"]
[li]...[/li]
[/list]
[/accordion_toggle]
[/accordion]
[/tab]
[/tabs]
