[codebean_section_title title=”List Element” title_size=”large” title_color=”#ffffff” title_text_align=”center” margin_bottom=”2″ width=””][codebean_section_subtitle color=”#ffffff” text_align=”center” text=”Add beautifully styled lists anywhere to your site.” width=””]
[codebean_icon_list_item icon=”ti-heart” icon_size=”18″ icon_color=”#9ec73b” title=”In hendrerit sapien id volutpat” space_title_and_icon=”10″ margin_bottom=”12″ el_class=”list-item-element-example”][codebean_icon_list_item icon=”ti-heart” icon_size=”18″ icon_color=”#9ec73b” title=”In hendrerit sapien id volutpat” space_title_and_icon=”10″ margin_bottom=”12″ el_class=”list-item-element-example”][codebean_icon_list_item icon=”ti-heart” icon_size=”18″ icon_color=”#9ec73b” title=”In hendrerit sapien id volutpat” space_title_and_icon=”10″ margin_bottom=”12″ el_class=”list-item-element-example”][codebean_icon_list_item icon=”ti-heart” icon_size=”18″ icon_color=”#9ec73b” title=”In hendrerit sapien id volutpat” space_title_and_icon=”10″ margin_bottom=”12″ el_class=”list-item-element-example”]
[codebean_icon_list_item icon=”ti-arrow-circle-right” icon_size=”18″ icon_color=”#f86940″ title=”Sed malesuada mauris a mollis” space_title_and_icon=”10″ margin_bottom=”12″ el_class=”list-item-element-example”][codebean_icon_list_item icon=”ti-arrow-circle-right” icon_size=”18″ icon_color=”#f86940″ title=”Sed malesuada mauris a mollis” space_title_and_icon=”10″ margin_bottom=”12″ el_class=”list-item-element-example”][codebean_icon_list_item icon=”ti-arrow-circle-right” icon_size=”18″ icon_color=”#f86940″ title=”Sed malesuada mauris a mollis” space_title_and_icon=”10″ margin_bottom=”12″ el_class=”list-item-element-example”][codebean_icon_list_item icon=”ti-arrow-circle-right” icon_size=”18″ icon_color=”#f86940″ title=”Sed malesuada mauris a mollis” space_title_and_icon=”10″ margin_bottom=”12″ el_class=”list-item-element-example”]
[codebean_icon_list_item icon=”ti-gift” icon_size=”18″ icon_color=”#63b3e3″ title=”Ut lacinia est vel lacus luctus” space_title_and_icon=”10″ margin_bottom=”12″ el_class=”list-item-element-example”][codebean_icon_list_item icon=”ti-gift” icon_size=”18″ icon_color=”#63b3e3″ title=”Ut lacinia est vel lacus luctus” space_title_and_icon=”10″ margin_bottom=”12″ el_class=”list-item-element-example”][codebean_icon_list_item icon=”ti-gift” icon_size=”18″ icon_color=”#63b3e3″ title=”Ut lacinia est vel lacus luctus” space_title_and_icon=”10″ margin_bottom=”12″ el_class=”list-item-element-example”][codebean_icon_list_item icon=”ti-gift” icon_size=”18″ icon_color=”#63b3e3″ title=”Ut lacinia est vel lacus luctus” space_title_and_icon=”10″ margin_bottom=”12″ el_class=”list-item-element-example”]
Different Icons & Sizes
Each item list may have different icon, icons used on theme list here.
[codebean_icon_list_item icon=”ti-ruler-pencil” title_font_weight=”300″ icon_size=”32″ icon_color=”#a8a8a8″ title=”Aenean consectetur tempor” space_title_and_icon=”15″ margin_bottom=”30″ el_class=”list-item-element-example” title_size=”22″ title_color=”#303030″][codebean_icon_list_item icon=”ti-truck” title_font_weight=”300″ icon_size=”32″ icon_color=”#a8a8a8″ title=”Vivamus consequat mauris” space_title_and_icon=”15″ margin_bottom=”30″ el_class=”list-item-element-example” title_size=”22″ title_color=”#303030″][codebean_icon_list_item icon=”ti-pie-chart” title_font_weight=”300″ icon_size=”32″ icon_color=”#a8a8a8″ title=”Pellentesque laoreet sapien” space_title_and_icon=”15″ margin_bottom=”30″ el_class=”list-item-element-example” title_size=”22″ title_color=”#303030″]
[codebean_icon_list_item icon=”ti-arrow-right” icon_size=”24″ icon_color=”#2dc2c1″ title=”Quisque molestie velit nec est sodales cursus.” space_title_and_icon=”14″ margin_bottom=”20″ el_class=”list-item-element-example” title_size=”18″][codebean_icon_list_item icon=”ti-blackboard” icon_size=”24″ icon_color=”#f4a479″ title=”Quisque molestie velit nec est sodales cursus.” space_title_and_icon=”14″ margin_bottom=”20″ el_class=”list-item-element-example” title_size=”18″][codebean_icon_list_item icon=”ti-shine” icon_size=”24″ icon_color=”#be73dd” title=”Quisque molestie velit nec est sodales cursus.” space_title_and_icon=”14″ margin_bottom=”20″ el_class=”list-item-element-example” title_size=”18″][codebean_icon_list_item icon=”ti-announcement” icon_size=”24″ icon_color=”#f86940″ title=”Quisque molestie velit nec est sodales cursus.” space_title_and_icon=”14″ margin_bottom=”20″ el_class=”list-item-element-example” title_size=”18″]