FANCY LISTS

EASILY CREATE ADVANCED UL/OL LISTS

Fancy List Features:

Normal UL/OL lists, lists with icon font bullets or lists with predefined image bullets
Use Google font for list content
Define margins, font size, bullet size, font color, bullet color and more
Add border to list element
Define order start for OL list elements
Define UL/OL bullet list types

Export Page Content

[vc_row full_width="stretch_row_content" margin_top="0" padding_left="0" padding_right="0" bg_position="top" bg_repeat="no-repeat" bg_cover="false" bg_attachment="false" padding_top="30" padding_bottom="30" parallax_speed="0.1" margin_left="0" margin_right="0" css=".vc_custom_1578145433975{margin-bottom: 0px !important;background-color: #ecebe9 !important;}"][vc_column][TS-VCSC-Spacer height="20"][vc_column_text]
<h1 style="text-align: center;">FANCY LISTS</h1>
<h3 style="text-align: center;">EASILY CREATE ADVANCED UL/OL LISTS</h3>
[/vc_column_text][TS-VCSC-Spacer height="40"][/vc_column][/vc_row][vc_row show_remove="true" margin_top="0" padding_left="0" padding_right="0" bg_position="top" bg_repeat="no-repeat" bg_cover="false" bg_attachment="false" padding_top="30" padding_bottom="30" enable_parallax="" parallax_speed="0.1" margin_left="0" margin_right="0" css=".vc_custom_1479495711770{margin-bottom: 0px !important;}"][vc_column width="1/2"][TS-VCSC-Spacer height="40"][vc_column_text]
<h2>Fancy List Features:</h2>
[/vc_column_text][TS-VCSC-Spacer height="20"][TS_VCSC_Fancy_List list_type="image" marker_image="https://www.composium.krautcoding.com/wp-content/plugins/ts-visual-composer-extend/images/bullets/bullet_arrow_blue.png" marker_color="#dd3333" marker_margin="10"]
<ul>
 	<li style="text-align: justify;">Normal UL/OL lists, lists with icon font bullets or lists with predefined image bullets</li>
 	<li style="text-align: justify;">Use Google font for list content</li>
 	<li style="text-align: justify;">Define margins, font size, bullet size, font color, bullet color and more</li>
 	<li style="text-align: justify;">Add border to list element</li>
 	<li style="text-align: justify;">Define order start for OL list elements</li>
 	<li style="text-align: justify;">Define UL/OL bullet list types</li>
</ul>
[/TS_VCSC_Fancy_List][TS-VCSC-Spacer height="20"][TS_VCSC_Content_Export toggle_switch="true" toggle_background="#fc6a6b" clipboard="true"][TS-VCSC-Spacer height="40"][/vc_column][vc_column width="1/2"][TS-VCSC-Spacer height="40"][vc_single_image image="22503" img_size="large" alignment="center" css_animation="fadeInRight"][TS-VCSC-Spacer height="40"][/vc_column][/vc_row][vc_row full_width="stretch_row_content" margin_top="0" padding_left="0" padding_right="0" bg_position="top" bg_repeat="no-repeat" bg_cover="false" bg_attachment="false" padding_top="30" padding_bottom="30" parallax_speed="0.1" margin_left="0" margin_right="0" css=".vc_custom_1578145461923{margin-bottom: 0px !important;background-color: #ecebe9 !important;}"][vc_column][TS-VCSC-Spacer height="20"][vc_column_text]
<h1 style="text-align: center;">LIST EXAMPLES</h1>
<h3 style="text-align: center;">EASILY CREATE ADVANCED UL/OL LISTS</h3>
[/vc_column_text][TS-VCSC-Spacer height="40"][/vc_column][/vc_row][vc_row show_remove="true" margin_top="0" padding_left="0" padding_right="0" bg_position="top" bg_repeat="no-repeat" bg_cover="false" bg_attachment="false" padding_top="30" padding_bottom="30" enable_parallax="" parallax_speed="0.1" margin_left="0" margin_right="0" css=".vc_custom_1479495766302{margin-bottom: 0px !important;}"][vc_column][TS-VCSC-Spacer height="40"][vc_row_inner][vc_column_inner width="1/4"][TS_VCSC_Fancy_List list_type="image" marker_image="https://www.composium.krautcoding.com/wp-content/plugins/ts-visual-composer-extend/images/bullets/bullet_arrow_red.png" marker_margin="10"]
<ul>
 	<li>List Item 1</li>
 	<li>List Item 2</li>
 	<li>List Item 3</li>
 	<li>List Item 4</li>
 	<li>List Item 5</li>
</ul>
[/TS_VCSC_Fancy_List][/vc_column_inner][vc_column_inner width="1/4"][TS_VCSC_Fancy_List list_type="image" marker_image="https://www.composium.krautcoding.com/wp-content/plugins/ts-visual-composer-extend/images/bullets/bullet_check_green.png" marker_margin="10"]
<ul>
 	<li>List Item 1</li>
 	<li>List Item 2</li>
 	<li>List Item 3</li>
 	<li>List Item 4</li>
 	<li>List Item 5</li>
</ul>
[/TS_VCSC_Fancy_List][/vc_column_inner][vc_column_inner width="1/4"][TS_VCSC_Fancy_List list_type="image" marker_image="https://www.composium.krautcoding.com/wp-content/plugins/ts-visual-composer-extend/images/bullets/bullet_plus_yellow.png" marker_margin="10"]
<ul>
 	<li>List Item 1</li>
 	<li>List Item 2</li>
 	<li>List Item 3</li>
 	<li>List Item 4</li>
 	<li>List Item 5</li>
</ul>
[/TS_VCSC_Fancy_List][/vc_column_inner][vc_column_inner width="1/4"][TS_VCSC_Fancy_List list_type="image" marker_image="https://www.composium.krautcoding.com/wp-content/plugins/ts-visual-composer-extend/images/bullets/bullet_cross_blue.png" marker_margin="10"]
<ul>
 	<li>List Item 1</li>
 	<li>List Item 2</li>
 	<li>List Item 3</li>
 	<li>List Item 4</li>
 	<li>List Item 5</li>
</ul>
[/TS_VCSC_Fancy_List][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row show_remove="true" margin_top="0" padding_left="0" padding_right="0" bg_position="top" bg_repeat="no-repeat" bg_cover="false" bg_attachment="false" padding_top="30" padding_bottom="30" enable_parallax="" parallax_speed="0.1" margin_left="0" margin_right="0" css=".vc_custom_1479495758184{margin-bottom: 0px !important;}"][vc_column][TS-VCSC-Spacer height="40"][vc_row_inner][vc_column_inner width="1/4"][TS_VCSC_Fancy_List list_type="icon" marker_icon="fa fa-archive" marker_color="#dd9933" marker_margin="10"]
<ul>
 	<li>List Item 1</li>
 	<li>List Item 2</li>
 	<li>List Item 3</li>
 	<li>List Item 4</li>
 	<li>List Item 5</li>
</ul>
[/TS_VCSC_Fancy_List][/vc_column_inner][vc_column_inner width="1/4"][TS_VCSC_Fancy_List list_type="icon" marker_icon="fa fa-th-large" marker_color="#1e73be" marker_margin="10"]
<ul>
 	<li>List Item 1</li>
 	<li>List Item 2</li>
 	<li>List Item 3</li>
 	<li>List Item 4</li>
 	<li>List Item 5</li>
</ul>
[/TS_VCSC_Fancy_List][/vc_column_inner][vc_column_inner width="1/4"][TS_VCSC_Fancy_List list_type="icon" marker_icon="fa fa-calendar" marker_color="#81d742" marker_margin="10"]
<ul>
 	<li>List Item 1</li>
 	<li>List Item 2</li>
 	<li>List Item 3</li>
 	<li>List Item 4</li>
 	<li>List Item 5</li>
</ul>
[/TS_VCSC_Fancy_List][/vc_column_inner][vc_column_inner width="1/4"][TS_VCSC_Fancy_List list_type="icon" marker_icon="fa fa-heart" marker_color="#dd3333" marker_margin="10"]
<ul>
 	<li>List Item 1</li>
 	<li>List Item 2</li>
 	<li>List Item 3</li>
 	<li>List Item 4</li>
 	<li>List Item 5</li>
</ul>
[/TS_VCSC_Fancy_List][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row show_remove="true" el_file1="" margin_top="0" padding_left="0" padding_right="0" bg_position="top" bg_repeat="no-repeat" bg_cover="false" bg_attachment="false" padding_top="30" padding_bottom="30" enable_parallax="" parallax_speed="0.1" margin_left="0" margin_right="0" css=".vc_custom_1479495781296{margin-bottom: 0px !important;}"][vc_column][TS-VCSC-Spacer height="40"][vc_row_inner][vc_column_inner width="1/4"][TS_VCSC_Fancy_List list_type="ordered" order_start1="1" marker_color="#dd9933" marker_margin="30"]
<ul>
 	<li>List Item 1</li>
 	<li>List Item 2</li>
 	<li>List Item 3</li>
 	<li>List Item 4</li>
 	<li>List Item 5</li>
</ul>
[/TS_VCSC_Fancy_List][/vc_column_inner][vc_column_inner width="1/4"][TS_VCSC_Fancy_List list_type="ordered" list_order="upper-roman" marker_color="#1e73be" marker_margin="30"]
<ul>
 	<li>List Item 1</li>
 	<li>List Item 2</li>
 	<li>List Item 3</li>
 	<li>List Item 4</li>
 	<li>List Item 5</li>
</ul>
[/TS_VCSC_Fancy_List][/vc_column_inner][vc_column_inner width="1/4"][TS_VCSC_Fancy_List list_type="ordered" list_order="upper-alpha" marker_color="#81d742" marker_margin="30"]
<ul>
 	<li>List Item 1</li>
 	<li>List Item 2</li>
 	<li>List Item 3</li>
 	<li>List Item 4</li>
 	<li>List Item 5</li>
</ul>
[/TS_VCSC_Fancy_List][/vc_column_inner][vc_column_inner width="1/4"][TS_VCSC_Fancy_List list_type="ordered" list_order="lower-greek" marker_color="#dd3333" marker_margin="30"]
<ul>
 	<li>List Item 1</li>
 	<li>List Item 2</li>
 	<li>List Item 3</li>
 	<li>List Item 4</li>
 	<li>List Item 5</li>
</ul>
[/TS_VCSC_Fancy_List][/vc_column_inner][/vc_row_inner][TS-VCSC-Spacer height="40"][/vc_column][/vc_row]

Copy

LIST EXAMPLES

EASILY CREATE ADVANCED UL/OL LISTS

List Item 1
List Item 2
List Item 3
List Item 4
List Item 5

List Item 1
List Item 2
List Item 3
List Item 4
List Item 5

List Item 1
List Item 2
List Item 3
List Item 4
List Item 5

List Item 1
List Item 2
List Item 3
List Item 4
List Item 5

List Item 1
List Item 2
List Item 3
List Item 4
List Item 5

List Item 1
List Item 2
List Item 3
List Item 4
List Item 5

List Item 1
List Item 2
List Item 3
List Item 4
List Item 5

List Item 1
List Item 2
List Item 3
List Item 4
List Item 5

List Item 1
List Item 2
List Item 3
List Item 4
List Item 5

List Item 1
List Item 2
List Item 3
List Item 4
List Item 5

List Item 1
List Item 2
List Item 3
List Item 4
List Item 5

List Item 1
List Item 2
List Item 3
List Item 4
List Item 5