view docs

Fancy Lists

Using our fancy lists is a great way to style related items. We have 8 styles and 20 color variations which equal a total of 160 different combinations!

Fancy Lists: Basic Usage

All fancy list shortcodes pick up the color of your color scheme by default as seen below.

Arrow List
  • Nullam dignissim convallis est.
  • Scelerisque aliquet lorem non orci.
  • Convallis odio est.
[fancy_list style="arrow_list"]
<ul>
	<li>Item #1</li>
	<li>Item #2</li>
</ul>
[/fancy_list]
Mini Bullet List
  • Nullam dignissim convallis est.
  • Scelerisque aliquet lorem non orci.
  • Convallis odio est.
[fancy_list style="bullet_list"]
<ul>
	<li>Item #1</li>
	<li>Item #2</li>
</ul>
[/fancy_list]
Check List
  • Nullam dignissim convallis est.
  • Scelerisque aliquet lorem non orci.
  • Convallis odio est.
[fancy_list style="check_list"]
<ul>
	<li>Item #1</li>
	<li>Item #2</li>
</ul>
[/fancy_list]
Circled Arrow List
  • Nullam dignissim convallis est.
  • Scelerisque aliquet lorem non orci.
  • Convallis odio est.
[fancy_list style="circle_arrow"]
<ul>
	<li>Item #1</li>
	<li>Item #2</li>
</ul>
[/fancy_list]
Comment List
  • Nullam dignissim convallis est.
  • Scelerisque aliquet lorem non orci.
  • Convallis odio est.
[fancy_list style="comment_list"]
<ul>
	<li>Item #1</li>
	<li>Item #2</li>
</ul>
[/fancy_list]
Minus List
  • Nullam dignissim convallis est.
  • Scelerisque aliquet lorem non orci.
  • Convallis odio est.
[fancy_list style="minus_list"]
<ul>
	<li>Item #1</li>
	<li>Item #2</li>
</ul>
[/fancy_list]
Plus List
  • Nullam dignissim convallis est.
  • Scelerisque aliquet lorem non orci.
  • Convallis odio est.
[fancy_list style="plus_list"]
<ul>
	<li>Item #1</li>
	<li>Item #2</li>
</ul>
[/fancy_list]
Star List
  • Nullam dignissim convallis est.
  • Scelerisque aliquet lorem non orci.
  • Convallis odio est.
[fancy_list style="star_list"]
<ul>
	<li>Item #1</li>
	<li>Item #2</li>
</ul>
[/fancy_list]
Fancy Lists: Variation Presets

Don’t forget about colors! Most of our shortcodes can be used with predefined color codes. Or you can also choose your own by using our color picker.    See how to use shortcode colors →

red Variation
  • Scelerisque aliquet lorem non orci.
  • Convallis odio est.
  • Dolor sit amet dignissim convallis estello.
  • Nullam dignissim convallis est.
  • Nom ocelerisque aliquet lorem non orci.
  • Scelerisque aliquet lorem non orci.
  • Nullam dignissim convallis est.
  • Convallis odio est.
orange Variation
  • Scelerisque aliquet lorem non orci.
  • Convallis odio est.
  • Dolor sit amet dignissim convallis estello.
  • Nullam dignissim convallis est.
  • Nom ocelerisque aliquet lorem non orci.
  • Scelerisque aliquet lorem non orci.
  • Nullam dignissim convallis est.
  • Convallis odio est.
yellow Variation
  • Scelerisque aliquet lorem non orci.
  • Convallis odio est.
  • Dolor sit amet dignissim convallis estello.
  • Nullam dignissim convallis est.
  • Nom ocelerisque aliquet lorem non orci.
  • Scelerisque aliquet lorem non orci.
  • Nullam dignissim convallis est.
  • Convallis odio est.
Green Variation
  • Scelerisque aliquet lorem non orci.
  • Convallis odio est.
  • Dolor sit amet dignissim convallis estello.
  • Nullam dignissim convallis est.
  • Nom ocelerisque aliquet lorem non orci.
  • Scelerisque aliquet lorem non orci.
  • Nullam dignissim convallis est.
  • Convallis odio est.
olive Variation
  • Scelerisque aliquet lorem non orci.
  • Convallis odio est.
  • Dolor sit amet dignissim convallis estello.
  • Nullam dignissim convallis est.
  • Nom ocelerisque aliquet lorem non orci.
  • Scelerisque aliquet lorem non orci.
  • Nullam dignissim convallis est.
  • Convallis odio est.
teal Variation
  • Scelerisque aliquet lorem non orci.
  • Convallis odio est.
  • Dolor sit amet dignissim convallis estello.
  • Nullam dignissim convallis est.
  • Nom ocelerisque aliquet lorem non orci.
  • Scelerisque aliquet lorem non orci.
  • Nullam dignissim convallis est.
  • Convallis odio est.
blue Variation
  • Scelerisque aliquet lorem non orci.
  • Convallis odio est.
  • Dolor sit amet dignissim convallis estello.
  • Nullam dignissim convallis est.
  • Nom ocelerisque aliquet lorem non orci.
  • Scelerisque aliquet lorem non orci.
  • Nullam dignissim convallis est.
  • Convallis odio est.
deepblue Variation
  • Scelerisque aliquet lorem non orci.
  • Convallis odio est.
  • Dolor sit amet dignissim convallis estello.
  • Nullam dignissim convallis est.
  • Nom ocelerisque aliquet lorem non orci.
  • Scelerisque aliquet lorem non orci.
  • Nullam dignissim convallis est.
  • Convallis odio est.
purple Variation
  • Scelerisque aliquet lorem non orci.
  • Convallis odio est.
  • Dolor sit amet dignissim convallis estello.
  • Nullam dignissim convallis est.
  • Nom ocelerisque aliquet lorem non orci.
  • Scelerisque aliquet lorem non orci.
  • Nullam dignissim convallis est.
  • Convallis odio est.
hotpink Variation
  • Scelerisque aliquet lorem non orci.
  • Convallis odio est.
  • Dolor sit amet dignissim convallis estello.
  • Nullam dignissim convallis est.
  • Nom ocelerisque aliquet lorem non orci.
  • Scelerisque aliquet lorem non orci.
  • Nullam dignissim convallis est.
  • Convallis odio est.
slategrey Variation
  • Scelerisque aliquet lorem non orci.
  • Convallis odio est.
  • Dolor sit amet dignissim convallis estello.
  • Nullam dignissim convallis est.
  • Nom ocelerisque aliquet lorem non orci.
  • Scelerisque aliquet lorem non orci.
  • Nullam dignissim convallis est.
  • Convallis odio est.
mauve Variation
  • Scelerisque aliquet lorem non orci.
  • Convallis odio est.
  • Dolor sit amet dignissim convallis estello.
  • Nullam dignissim convallis est.
  • Nom ocelerisque aliquet lorem non orci.
  • Scelerisque aliquet lorem non orci.
  • Nullam dignissim convallis est.
  • Convallis odio est.
pearl Variation
  • Scelerisque aliquet lorem non orci.
  • Convallis odio est.
  • Dolor sit amet dignissim convallis estello.
  • Nullam dignissim convallis est.
  • Nom ocelerisque aliquet lorem non orci.
  • Scelerisque aliquet lorem non orci.
  • Nullam dignissim convallis est.
  • Convallis odio est.
steelblue Variation
  • Scelerisque aliquet lorem non orci.
  • Convallis odio est.
  • Dolor sit amet dignissim convallis estello.
  • Nullam dignissim convallis est.
  • Nom ocelerisque aliquet lorem non orci.
  • Scelerisque aliquet lorem non orci.
  • Nullam dignissim convallis est.
  • Convallis odio est.
mossgreen Variation
  • Scelerisque aliquet lorem non orci.
  • Convallis odio est.
  • Dolor sit amet dignissim convallis estello.
  • Nullam dignissim convallis est.
  • Nom ocelerisque aliquet lorem non orci.
  • Scelerisque aliquet lorem non orci.
  • Nullam dignissim convallis est.
  • Convallis odio est.
wheat Variation
  • Scelerisque aliquet lorem non orci.
  • Convallis odio est.
  • Dolor sit amet dignissim convallis estello.
  • Nullam dignissim convallis est.
  • Nom ocelerisque aliquet lorem non orci.
  • Scelerisque aliquet lorem non orci.
  • Nullam dignissim convallis est.
  • Convallis odio est.
coffee Variation
  • Scelerisque aliquet lorem non orci.
  • Convallis odio est.
  • Dolor sit amet dignissim convallis estello.
  • Nullam dignissim convallis est.
  • Nom ocelerisque aliquet lorem non orci.
  • Scelerisque aliquet lorem non orci.
  • Nullam dignissim convallis est.
  • Convallis odio est.
copper Variation
  • Scelerisque aliquet lorem non orci.
  • Convallis odio est.
  • Dolor sit amet dignissim convallis estello.
  • Nullam dignissim convallis est.
  • Nom ocelerisque aliquet lorem non orci.
  • Scelerisque aliquet lorem non orci.
  • Nullam dignissim convallis est.
  • Convallis odio est.
silver Variation
  • Scelerisque aliquet lorem non orci.
  • Convallis odio est.
  • Dolor sit amet dignissim convallis estello.
  • Nullam dignissim convallis est.
  • Nom ocelerisque aliquet lorem non orci.
  • Scelerisque aliquet lorem non orci.
  • Nullam dignissim convallis est.
  • Convallis odio est.
black Variation
  • Scelerisque aliquet lorem non orci.
  • Convallis odio est.
  • Dolor sit amet dignissim convallis estello.
  • Nullam dignissim convallis est.
  • Nom ocelerisque aliquet lorem non orci.
  • Scelerisque aliquet lorem non orci.
  • Nullam dignissim convallis est.
  • Convallis odio est.
Top