Lists
With this module you can create nice icons list to show the feature of your website, you can edit the icon, font size and font family, you can also choose from different style.
Small & Rounded style
[cesis_line_divider pos=”cesis_line_d_left” width=”100″ color=”#6ad2e7″ margin_bottom=”35″]You can customize list style, icon size, select if you want to use a heading or for the list items or just use text. You can add a border between the lists and adjust the space between each list items.
[cesis_icon_list icon_color=”#69d2e7″ h_icon_color=”#69d2e7″ values=”%5B%7B%22icon%22%3A%22fa-checkmark%22%2C%22text%22%3A%22Use%20different%20icons%22%7D%2C%7B%22icon%22%3A%22fa-checkmark%22%2C%22text%22%3A%22Easily%20edit%20the%20colors%22%7D%2C%7B%22icon%22%3A%22fa-checkmark%22%2C%22text%22%3A%22Change%20text%20style%20and%20size%22%7D%2C%7B%22icon%22%3A%22fa-checkmark%22%2C%22text%22%3A%22Add%20or%20remove%20border%22%7D%2C%7B%22icon%22%3A%22fa-checkmark%22%2C%22text%22%3A%22Choose%20between%20five%20style%22%7D%5D”]
[cesis_icon_list style=”cesis_il_2″ shadow=”cesis_list_shadow” icon_color=”#69d2e7″ icon_bg_color=”#ffffff” icon_border_color=”#eaeaea” h_icon_color=”#ffffff” h_icon_bg_color=”#69d2e7″ h_icon_border_color=”#69d2e7″ values=”%5B%7B%22icon%22%3A%22fa-checkmark%22%2C%22text%22%3A%22Use%20different%20icons%22%7D%2C%7B%22icon%22%3A%22fa-checkmark%22%2C%22text%22%3A%22Easily%20edit%20the%20colors%22%7D%2C%7B%22icon%22%3A%22fa-checkmark%22%2C%22text%22%3A%22Change%20text%20style%20and%20size%22%7D%2C%7B%22icon%22%3A%22fa-checkmark%22%2C%22text%22%3A%22Add%20or%20remove%20border%22%7D%2C%7B%22icon%22%3A%22fa-checkmark%22%2C%22text%22%3A%22Choose%20between%20five%20style%22%7D%5D”]
Medium & Rounded style
[cesis_line_divider pos=”cesis_line_d_left” width=”100″ color=”#6ad2e7″ margin_bottom=”35″]You can customize list style, icon size, select if you want to use a heading or for the list items or just use text. You can add a border between the lists and adjust the space between each list items.
[cesis_icon_list style=”cesis_il_3″ css_animation=”fadeIn” icon_color=”#69d2e7″ h_icon_color=”#1e73be” h_f_size=”16px” h_f_weight=”600″ h_l_height=”20px” h_t_transform=”none” values=”%5B%7B%22icon%22%3A%22fa-diamond2%22%2C%22heading%22%3A%22Icons%22%2C%22text%22%3A%22Use%20different%20icons%22%7D%2C%7B%22icon%22%3A%22fa-ruler%22%2C%22heading%22%3A%22Colors%22%2C%22text%22%3A%22Easily%20edit%20the%20colors%22%7D%2C%7B%22icon%22%3A%22fa-design%22%2C%22heading%22%3A%22Font%20modifications%22%2C%22text%22%3A%22Change%20text%20style%20and%20size%22%7D%2C%7B%22icon%22%3A%22fa-delete3%22%2C%22heading%22%3A%22Border%22%2C%22text%22%3A%22Add%20or%20remove%20border%22%7D%2C%7B%22icon%22%3A%22fa-layers2%22%2C%22heading%22%3A%22Different%20style%22%2C%22text%22%3A%22Choose%20between%20five%20style%22%7D%5D”]
[cesis_icon_list style=”cesis_il_4″ space=”33″ css_animation=”fadeIn” icon_color=”#69d2e7″ icon_bg_color=”#ffffff” icon_border_color=”#eaeaea” h_icon_color=”#ffffff” h_icon_bg_color=”#69d2e7″ h_icon_border_color=”#69d2e7″ h_f_size=”16px” h_f_weight=”600″ h_t_transform=”none” values=”%5B%7B%22icon%22%3A%22fa-diamond2%22%2C%22heading%22%3A%22Icons%22%2C%22text%22%3A%22Use%20different%20icons%22%7D%2C%7B%22icon%22%3A%22fa-ruler%22%2C%22heading%22%3A%22Colors%22%2C%22text%22%3A%22Easily%20edit%20the%20colors%22%7D%2C%7B%22icon%22%3A%22fa-design%22%2C%22heading%22%3A%22Font%20modifications%22%2C%22text%22%3A%22Change%20text%20style%20and%20size%22%7D%2C%7B%22icon%22%3A%22fa-delete3%22%2C%22heading%22%3A%22Border%22%2C%22text%22%3A%22Add%20or%20remove%20border%22%7D%2C%7B%22icon%22%3A%22fa-layers2%22%2C%22heading%22%3A%22Different%20style%22%2C%22text%22%3A%22Choose%20between%20five%20style%22%7D%5D”]
Medium & Rounded style
[cesis_line_divider pos=”cesis_line_d_left” width=”100″ color=”#6ad2e7″ margin_bottom=”35″]You can customize list style, icon size, select if you want to use a heading or for the list items or just use text. You can add a border between the lists and adjust the space between each list items.
[cesis_icon_list style=”cesis_il_5″ space=”35″ css_animation=”fadeInLeft” icon_color=”#69d2e7″ h_icon_color=”#1e73be” h_f_weight=”600″ h_l_spacing=”1″ values=”%5B%7B%22icon%22%3A%22fa-diamond2%22%2C%22heading%22%3A%22Icons%22%2C%22text%22%3A%22Use%20different%20icons%22%7D%2C%7B%22icon%22%3A%22fa-ruler%22%2C%22heading%22%3A%22Colors%22%2C%22text%22%3A%22Easily%20edit%20the%20colors%22%7D%2C%7B%22icon%22%3A%22fa-design%22%2C%22heading%22%3A%22Font%20modifications%22%2C%22text%22%3A%22Change%20text%20style%20and%20size%22%7D%2C%7B%22icon%22%3A%22fa-delete3%22%2C%22heading%22%3A%22Border%22%2C%22text%22%3A%22Add%20or%20remove%20border%22%7D%2C%7B%22icon%22%3A%22fa-layers2%22%2C%22heading%22%3A%22Different%20style%22%2C%22text%22%3A%22Choose%20between%20five%20style%22%7D%2C%7B%22icon%22%3A%22fa-support2%22%2C%22heading%22%3A%22Great%20Documentation%22%2C%22text%22%3A%22Explain%20how%20to%20use%20all%20the%20module%22%7D%2C%7B%22icon%22%3A%22fa-download3%22%2C%22heading%22%3A%22Instant%20Install%22%2C%22text%22%3A%22Buy%20the%20theme%20and%20get%20started%22%7D%5D”]
[cesis_icon_list style=”cesis_il_6″ space=”33″ css_animation=”fadeInUp” icon_color=”#69d2e7″ icon_bg_color=”#ffffff” icon_border_color=”#eaeaea” h_icon_color=”#ffffff” h_icon_bg_color=”#69d2e7″ h_icon_border_color=”#69d2e7″ h_f_size=”16px” h_f_weight=”600″ h_t_transform=”none” values=”%5B%7B%22icon%22%3A%22fa-diamond2%22%2C%22heading%22%3A%22Icons%22%2C%22text%22%3A%22Use%20different%20icons%22%7D%2C%7B%22icon%22%3A%22fa-ruler%22%2C%22heading%22%3A%22Colors%22%2C%22text%22%3A%22Easily%20edit%20the%20colors%22%7D%2C%7B%22icon%22%3A%22fa-design%22%2C%22heading%22%3A%22Font%20modifications%22%2C%22text%22%3A%22Change%20text%20style%20and%20size%22%7D%2C%7B%22icon%22%3A%22fa-delete3%22%2C%22heading%22%3A%22Border%22%2C%22text%22%3A%22Add%20or%20remove%20border%22%7D%2C%7B%22icon%22%3A%22fa-layers2%22%2C%22heading%22%3A%22Different%20style%22%2C%22text%22%3A%22Choose%20between%20five%20style%22%7D%5D”]