[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″]