[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]