Checklist Shortcode
Avada includes a useful Checklist Shortcode that will make displaying bullet points attractive and eye-catching. These checklists are stylized checklist with font awesome integration to efficiently display important bullet points to your viewers.
[fusion_checklist icon=”fa-check” iconcolor=”” circle=”” circlecolor=”” size=”small” class=”” id=””][fusion_li_item icon=””]Simple yet Eye-catching Design[/fusion_li_item][fusion_li_item icon=””]Complete Font Awesome Integration[/fusion_li_item][fusion_li_item icon=””]Select Individual Icons For Each Item[/fusion_li_item][/fusion_checklist]
[fusion_checklist icon=”fa-check” iconcolor=”” circle=”” circlecolor=”” size=”small” class=”” id=””][fusion_li_item icon=””]Fully Customizable Appearance[/fusion_li_item][fusion_li_item icon=””]Complete Icon and Background Color Control[/fusion_li_item][fusion_li_item icon=””]Display Icons in A Circle or Without[/fusion_li_item][/fusion_checklist]
[fusion_checklist icon=”fa-check” iconcolor=”” circle=”” circlecolor=”” size=”small” class=”” id=””][fusion_li_item icon=””]Choose from 3 Different Sizes[/fusion_li_item][fusion_li_item icon=””]Complete Emphasis on Important Points[/fusion_li_item][fusion_li_item icon=””]Quick, Simple, and Easy To Use[/fusion_li_item][/fusion_checklist]
Icon And Style Control
Select any of the font awesome icons and control the icon color and circle color. One global icon can be used in each list or choose a unique icon per line item. In addition you can choose to show no circle.
[fusion_checklist icon=”fa-check” iconcolor=”” circle=”” circlecolor=”” size=”medium” class=”” id=””][fusion_li_item icon=””]Global Icon List Item 1[/fusion_li_item][fusion_li_item icon=””]Global Icon List Item 2[/fusion_li_item][fusion_li_item icon=””]Global Icon List Item 3[/fusion_li_item][/fusion_checklist]
[fusion_checklist icon=”fa-check” iconcolor=”” circle=”” circlecolor=”” size=”medium” class=”” id=””][fusion_li_item icon=”fa-heart”]Unique Icon List Item 1[/fusion_li_item][fusion_li_item icon=”fa-star”]Unique Icon List Item 2[/fusion_li_item][fusion_li_item icon=”fa-music”]Unique Icon List Item 3[/fusion_li_item][/fusion_checklist]
[fusion_checklist icon=”fa-check” iconcolor=”#a2cc55″ circle=”no” circlecolor=”” size=”medium” class=”” id=””][fusion_li_item icon=””]No Circle List Item 1[/fusion_li_item][fusion_li_item icon=””]No Circle List Item 2[/fusion_li_item][fusion_li_item icon=””]No Circle List Item 3[/fusion_li_item][/fusion_checklist]
Checklist Size
Choose your checklist icons and content to be small, medium or large.
[fusion_checklist icon=”fa-check” iconcolor=”” circle=”” circlecolor=”” size=”small” class=”” id=””][fusion_li_item icon=””]Small List Item 1[/fusion_li_item][fusion_li_item icon=””]Small List Item 2[/fusion_li_item][fusion_li_item icon=””]Small List Item 3[/fusion_li_item][/fusion_checklist]
[fusion_checklist icon=”fa-check” iconcolor=”” circle=”” circlecolor=”” size=”medium” class=”” id=””][fusion_li_item icon=””]Medium List Item 1[/fusion_li_item][fusion_li_item icon=””]Medium List Item 2[/fusion_li_item][fusion_li_item icon=””]Medium List Item 3[/fusion_li_item][/fusion_checklist]
[fusion_checklist icon=”fa-check” iconcolor=”” circle=”” circlecolor=”” size=”large” class=”” id=””][fusion_li_item icon=””]Large Item 1[/fusion_li_item][fusion_li_item icon=””]Large Item 2[/fusion_li_item][fusion_li_item icon=””]Large Item 3[/fusion_li_item][/fusion_checklist]
Complete Set of Options
Every option and description included with the checklist shortcode is listed below.
[fusion_checklist icon=”fa-check” iconcolor=”#333333″ circle=”no” circlecolor=”” size=”small” class=”” id=””][fusion_li_item icon=””]icon – A font awesome icon value. For example, fa-glass.[/fusion_li_item][fusion_li_item icon=””]iconcolor – Accepts a hexcode ( #000000 ). Sets the icon’s color for all list items. Leave blank for Theme Option selection.[/fusion_li_item][fusion_li_item icon=””]circle – Can be one of these values: default, yes, or no. Sets if the icon is circular or not. Choose default for Theme Option selection.[/fusion_li_item][fusion_li_item icon=””]circlecolor – Accepts a hexcode ( #000000 ). Sets the icon’s background color for all list items. Leave blank for Theme Option selection.[/fusion_li_item][/fusion_checklist]
[fusion_checklist icon=”fa-check” iconcolor=”#333333″ circle=”no” circlecolor=”” size=”small” class=”” id=””][fusion_li_item icon=””]size – Can be one of these values: small, medium, or large. Sets the list item’s size. Leave blank for Theme Option selection.[/fusion_li_item][fusion_li_item icon=””]class – Add a custom class to the wrapping HTML element for further css customization.[/fusion_li_item][fusion_li_item icon=””]id – Add a custom id to the wrapping HTML element for further css customization.[/fusion_li_item][/fusion_checklist]