Lists

What’s this?

The List shortcode makes lists more visually appealing, with a choice of 4 useful list types. Check out the examples below.

Stacked

  • Bullet icons
  • Responsive and adaptive
  • Unlimited colors

Get code

[list style="bullet" layout="stacked"]
[li]...[/li]
[/list]

Inline

  • Bullet icons, inline
  • Responsive and adaptive
  • Unlimited colors

Get code

[list style="bullet" layout="inline"]
[li]...[/li]
[/list]

Stacked

  • Bullet icons, inline
  • Responsive and adaptive
  • Unlimited colors

Get code

[list style="tick-plain" layout="stacked"]
[li]...[/li]
[/list]

Inline

  • Bullet icons, inline
  • Responsive and adaptive
  • Unlimited colors

Get code

[list style="tick-plain" layout="inline"]
[li]...[/li]
[/list]

Stacked

  • Bullet icons, inline
  • Responsive and adaptive
  • Unlimited colors

Get code

[list style="tick" layout="stacked"]
[li]...[/li]
[/list]

Inline

  • Bullet icons, inline
  • Responsive and adaptive
  • Unlimited colors

Get code

[list style="tick" layout="inline"]
[li]...[/li]
[/list]

Stacked

  • Bullet icons, inline
  • Responsive and adaptive
  • Unlimited colors

Get code

[list style="arrow" layout="stacked"]
[li]...[/li]
[/list]

Inline

  • Bullet icons, inline
  • Responsive and adaptive
  • Unlimited colors

Get code

[list style="arrow" layout="inline"]
[li]...[/li]
[/list]

Stacked

  • Bullet icons, inline
  • Responsive and adaptive
  • Unlimited colors

Get code

[list style="question" layout="stacked"]
[li]...[/li]
[/list]

Inline

  • Bullet icons, inline
  • Responsive and adaptive
  • Unlimited colors

Get code

[list style="question" layout="inline"]
[li]...[/li]
[/list]
X

Variations

Change the Skin for this Case Study

Case Studies

Design demos for React