Introduction

Use the icon list shortcode to add extra style to your lists. Control the color and size of the icon for each item.

Basic Example

The icon list shortcode allows you to control the color and icon per item in the list. You can set the size of the icon to make bigger icon lists.

  • Nam in est in tortor pretium posuere. Aliquam in augue
  • Mauris sed dolor viverra, accumsan nisl ac, interdum metus. Praesent.
  • Phasellus commodo dolor a mi condimentum tristique. Ut eu velit.
  • Nulla egestas ipsum nec turpis auctor, id suscipit nulla tempor.
  • Maecenas quis lorem hendrerit, vulputate nulla et, mollis risus. Suspendisse.

Within Paragraphs

This example shows the icon list shortcode within paragraphs. This gives you an idea of how it will look if added to your pages and posts.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis et justo elementum libero iaculis pulvinar. Vestibulum consectetur ante vel mattis venenatis. Duis sollicitudin erat vitae nibh rutrum vehicula. Pellentesque sit amet urna eget nisl luctus tristique at non odio. Phasellus sollicitudin sapien facilisis augue dapibus varius. Vivamus ac tellus vitae nibh dapibus vulputate vitae quis urna. Vestibulum porta justo a velit porttitor tincidunt. Ut sed nunc venenatis, interdum nisi non, tristique velit. Cras non erat egestas, vehicula orci ac, suscipit metus.

  • Aliquam imperdiet nibh gravida, sodales nulla a, venenatis neque. Cras.
  • Mauris sed dolor viverra, accumsan nisl ac, interdum metus. Praesent.
  • Phasellus commodo dolor a mi condimentum tristique. Ut eu velit.
  • Nulla egestas ipsum nec turpis auctor, id suscipit nulla tempor.
  • Maecenas quis lorem hendrerit, vulputate nulla et, mollis risus. Suspendisse.

Etiam eget purus suscipit, ullamcorper orci eget, posuere purus. Nullam eu lorem posuere, hendrerit purus a, pellentesque leo. Mauris pharetra sem non nulla gravida, non condimentum enim tempus. Praesent in purus dignissim, malesuada orci vitae, lacinia dolor. Vivamus ac tellus vitae nibh dapibus vulputate vitae quis urna. Nullam accumsan lacus sit amet varius faucibus. Vestibulum porttitor augue a sapien rhoncus, eget blandit dui mattis. Ut et neque posuere, malesuada dui quis, pulvinar metus. Quisque rutrum libero vitae ullamcorper consequat. Phasellus non lacus convallis, ultrices purus eget, molestie risus. Curabitur imperdiet nisi a arcu bibendum dapibus. Proin in tortor vehicula, porttitor elit at, egestas mi.

Sizes

The icon list shortcode has five different predefined sizes.

  • Size 1
  • Size 2
  • Size 3
  • Size 4
  • Size 5

Explore More Shortcodes

Buy Now - Only $30
View shortcodes used to create this page.

[intense_content_section]
<h2>Introduction</h2>
Use the icon list shortcode to add extra style to your lists. Control the color and size of the icon for each item.
[/intense_content_section]
[intense_content_section background_type="color" background_color="#f9f9f9" border_top="1px solid #ededed" border_bottom="1px solid #ededed"]
<h2>Basic Example</h2>
The icon list shortcode allows you to control the color and icon per item in the list. You can set the size of the icon to make bigger icon lists.
[intense_icon_list]
[intense_icon_list_item type="certificate" color="primary"]Nam in est in tortor pretium posuere. Aliquam in augue[/intense_icon_list_item]
[intense_icon_list_item type="circle" color="success"]Mauris sed dolor viverra, accumsan nisl ac, interdum metus. Praesent.[/intense_icon_list_item]
[intense_icon_list_item type="heart" color="error"]Phasellus commodo dolor a mi condimentum tristique. Ut eu velit.[/intense_icon_list_item]
[intense_icon_list_item type="star" color="gold"]Nulla egestas ipsum nec turpis auctor, id suscipit nulla tempor.[/intense_icon_list_item]
[intense_icon_list_item type="stop" color="warning"]Maecenas quis lorem hendrerit, vulputate nulla et, mollis risus. Suspendisse.[/intense_icon_list_item]
[/intense_icon_list]

[/intense_content_section]
[intense_content_section]
<h2>Within Paragraphs</h2>
This example shows the icon list shortcode within paragraphs. This gives you an idea of how it will look if added to your pages and posts.
[intense_filler paragraphs="1"]
[intense_icon_list]
[intense_icon_list_item type="star" color="primary"][intense_filler words="10" paragraph_separator="span" start_with_lorem="0"][/intense_icon_list_item]
[intense_icon_list_item type="star" color="primary"]
Mauris sed dolor viverra, accumsan nisl ac, interdum metus. Praesent.[/intense_icon_list_item]
[intense_icon_list_item type="star" color="primary"]
Phasellus commodo dolor a mi condimentum tristique. Ut eu velit.[/intense_icon_list_item]
[intense_icon_list_item type="star" color="primary"]Nulla egestas ipsum nec turpis auctor, id suscipit nulla tempor.[/intense_icon_list_item]
[intense_icon_list_item type="star" color="primary"]
Maecenas quis lorem hendrerit, vulputate nulla et, mollis risus. Suspendisse.[/intense_icon_list_item]
[/intense_icon_list]
[intense_filler paragraphs="1" start_with_lorem="0"]

[/intense_content_section]
[intense_content_section background_type="color" background_color="#f9f9f9" border_top="1px solid #ededed" border_bottom="1px solid #ededed"]
<h2>Sizes</h2>
The icon list shortcode has five different predefined sizes.
[intense_icon_list]
[intense_icon_list_item type="star"]Size 1[/intense_icon_list_item]
[intense_icon_list_item type="star" size="2"]Size 2[/intense_icon_list_item]
[intense_icon_list_item type="star" size="3"]Size 3[/intense_icon_list_item]
[intense_icon_list_item type="star" size="4"]Size 4[/intense_icon_list_item]
[intense_icon_list_item type="star" size="5"]Size 5[/intense_icon_list_item]
[/intense_icon_list]
[/intense_content_section]

[intense_snippet snippet_id="Child Theme | Shortcodes/footer" snippet_title="Shortcode Page Footer"]