[vc_row full_width=”stretch_row” css=”.vc_custom_1522904340870{padding-top: 35px !important;padding-bottom: 70px !important;background-color: #2a2e31 !important;}”][vc_column][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=””][/vc_column][/vc_row][vc_row css=”.vc_custom_1522953348783{padding-top: 70px !important;padding-bottom: 60px !important;}”][vc_column width=”1/3″][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”][/vc_column][vc_column width=”1/3″][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”][/vc_column][vc_column width=”1/3″][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”][/vc_column][/vc_row][vc_row][vc_column][vc_column_text css=”.vc_custom_1522953049866{padding-top: 30px !important;padding-right: 30px !important;padding-bottom: 30px !important;padding-left: 30px !important;background-color: #f7f7f7 !important;}”]

Different Icons & Sizes

Each item list may have different icon, icons used on theme list here.

[/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1522953957792{padding-top: 40px !important;padding-bottom: 60px !important;}”][vc_column width=”1/2″][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″][/vc_column][vc_column width=”1/2″][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″][/vc_column][/vc_row]