This is bdthemes shortcodes ultimate (joomla) Icon List example. you can get facility in this shortcode item> Icon List Title, Color, Background Color, Icon, Icon Color, Border, Size, Shadow, Radius, Align, Connector(yes/no), Description Gap(yes/no), Extra Class, Content. just simply use this shortcode and get Icon List Style.
Note: you can use this shortcode article and custom module. for your help we give a example bellow >
Default Left Align Style
Crafted with Love
Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui.
Shortcode Generator
Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui.
Responsive Layout
Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui.
[icon_list_item title="Crafted with Love" color="#333333" icon="icon: heart" icon_color="#333333 " icon_size="24" icon_border="3px solid #cccccc" icon_shadow="0 0 0 #444444" icon_radius="0" text_align="left" connector="no"]Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui.[/icon_list_item]
Default Right Align Style
Crafted with Love
Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui.
Shortcode Generator
Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui.
Responsive Layout
Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui.
[icon_list_item title="Icon List" color="#333333" icon="icon: heart" icon_color="#333333" icon_size="24" icon_border="3px solid #cccccc" icon_shadow="0 0 0 #444444" icon_radius="0" text_align="right" connector="no"]Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui.[/icon_list_item]
Icon List Square Connector Looked Style
Crafted with Love
Pellentesque in ipsum id orci porta dapibus. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
Done Awesome Feature
Pellentesque in ipsum id orci porta dapibus. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
Fully Responsive Template
Pellentesque in ipsum id orci porta dapibus. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
HTML5 Included Design
Pellentesque in ipsum id orci porta dapibus. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
Creative CSS3 Style
Pellentesque in ipsum id orci porta dapibus. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
WARP Framework Based Theme
Pellentesque in ipsum id orci porta dapibus. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
[icon_list_item title="WARP Framework Based Theme" icon_radius="0" color="#222" icon="icon: cogs" background="#2ecc71" icon_color="#FFF" icon_size="28" icon_shadow="0px 0px 0px #444444" text_align="left" connector="no" description_gap="no"]Pellentesque in ipsum id orci porta dapibus. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.[/icon_list_item]
Icon List Square Connector Looked Right Align Style
Crafted with Love
Pellentesque in ipsum id orci porta dapibus. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
Done Awesome Feature
Pellentesque in ipsum id orci porta dapibus. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
Fully Responsive Template
Pellentesque in ipsum id orci porta dapibus. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
HTML5 Included Design
Pellentesque in ipsum id orci porta dapibus. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
Creative CSS3 Style
Pellentesque in ipsum id orci porta dapibus. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
WARP Framework Based Theme
Pellentesque in ipsum id orci porta dapibus. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
[icon_list_item title="WARP Framework Based Theme" icon_radius="0" color="#222" icon="icon: cogs" background="#1abc9c" icon_color="#2980b9" icon_size="28" icon_shadow="0px 0px 0px #444444" text_align="right" connector="no" description_gap="no"]Pellentesque in ipsum id orci porta dapibus. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.[/icon_list_item]
Icon List Rounded Connector Looked Style
Crafted with Love
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur
Done Awesome Feature
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur
Fully Responsive Template
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur
HTML5 Included Design
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur
Creative CSS3 Style
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur
WARP Framework Based Theme
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur
[icon_list_item title="HTML5 Included Design" color="#222" icon="icon: html5" background="#ffff" icon_color="#34495e" icon_size="28" icon_border="5px solid #ddd" icon_shadow="0px 0px 0px #444444" icon_radius="100" text_align="left" connector="yes" description_gap="no"]Pellentesque in ipsum id orci porta dapibus. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.[/icon_list_item]
Icon List Description Gap Looked Style
Crafted with Love
Pellentesque in ipsum id orci porta dapibus. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
Done Awesome Feature
Pellentesque in ipsum id orci porta dapibus. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
Fully Responsive Template
Pellentesque in ipsum id orci porta dapibus. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
HTML5 Included Design
Pellentesque in ipsum id orci porta dapibus. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
Creative CSS3 Style
Pellentesque in ipsum id orci porta dapibus. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
WARP Framework Based Theme
Pellentesque in ipsum id orci porta dapibus. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
[icon_list_item title="HTML5 Included Design" color="#222" icon="icon: html5" background="transparent" icon_color="#34495e" icon_size="24" icon_border="0" icon_shadow="0px 0px 0px #444444" icon_radius="0" text_align="left" connector="yes" description_gap="yes" shape_size="5px"]Pellentesque in ipsum id orci porta dapibus. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.[/icon_list_item]
Icon List Customize Style
Proin accumsan risus et erat tincidunt.
Maecenas egestas ac dui vel vestibulum. Ut vitae neque blandit, venenatis tellus non, viverra leo. Phasellus dui velit, auctor fermentum ligula ut, pellentesque suscipit nisl. Cras cursus lobortis lectus nec mollis. Nunc tincidunt molestie diam, sed ullamcorper lorem lobortis ut. Maecenas in lacus elementum, eleifend sapien id, interdum ex. Proin.
[icon_list_item title="Proin accumsan risus et erat tincidunt." color="#000000" background="#1d2f9d" icon="icon: btc" icon_color="#ffffff" icon_size="74" shape_size="25px" icon_border="3px solid #4d9417" icon_shadow="-3px 8px 20px #717171" icon_radius="74" text_align="right"] [dummy_text what="words" amount="50" cache="no"][/icon_list_item]
Icon List Template Style
Crafted with Love
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur
Done Awesome Feature
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur
Fully Responsive Template
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur
HTML5 Included Design
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur
Creative CSS3 Style
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur
WARP Framework Based Theme
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur
[icon_list_item title="HTML5 Included Design" color="#222" icon="icon: html5" background="#ffff" icon_color="#34495e" icon_size="28" icon_border="5px solid #ddd" icon_shadow="0px 0px 0px #444444" icon_radius="100" text_align="left" connector="yes" description_gap="no"]Pellentesque in ipsum id orci porta dapibus. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.[/icon_list_item]
