{"id":16232,"date":"2025-03-24T06:15:22","date_gmt":"2025-03-24T06:15:22","guid":{"rendered":"https:\/\/wptablebuilder.com\/?post_type=docs&#038;p=16232"},"modified":"2025-03-24T06:15:24","modified_gmt":"2025-03-24T06:15:24","password":"","slug":"list","status":"publish","type":"docs","link":"https:\/\/wptablebuilder.com\/de\/docs\/list\/","title":{"rendered":"List"},"content":{"rendered":"<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"850\" height=\"336\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/08\/How_to_Add_List_in_WP_Table_Builder_WPTB850x335.png\" alt=\"\" class=\"wp-image-16336\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/08\/How_to_Add_List_in_WP_Table_Builder_WPTB850x335.png 850w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/08\/How_to_Add_List_in_WP_Table_Builder_WPTB850x335-300x119.png 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/08\/How_to_Add_List_in_WP_Table_Builder_WPTB850x335-768x304.png 768w\" sizes=\"auto, (max-width: 850px) 100vw, 850px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The <strong>List<\/strong> element is the <strong>basic version<\/strong> of the <strong>Styled List<\/strong> element. The List element allows you to create simple lists.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Look at the image below to see how you can add lists to your table using WP Table Builder.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Adding the List element is simple, as all you need is to drag &amp; drop the List element into the table. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"884\" height=\"536\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-24_11-51-27.gif\" alt=\"\" class=\"wp-image-20886\" style=\"border-width:1px;border-radius:3px\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">List Options<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">To customize the List element, you will get three tabs for List Options: <strong>General, Font,<\/strong> and<strong> Layout.<\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">General <\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">In the General Tab, you will have the option of List Type. <\/p>\n\n\n\n<h4 class=\"wp-block-heading\">List Type<\/h4>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"884\" height=\"520\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-24_11-55-28.png\" alt=\"\" class=\"wp-image-20888\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-24_11-55-28.png 884w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-24_11-55-28-300x176.png 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-24_11-55-28-768x452.png 768w\" sizes=\"auto, (max-width: 884px) 100vw, 884px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The List Type option enables you to choose between two list types: Ordered and Unordered. <\/p>\n\n\n\n<h4 class=\"wp-block-heading\">List Type: Ordered<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">If you choose the ordered list type, numbers will be put before each list item.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"882\" height=\"512\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-24_11-56-52.png\" alt=\"\" class=\"wp-image-20889\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-24_11-56-52.png 882w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-24_11-56-52-300x174.png 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-24_11-56-52-768x446.png 768w\" sizes=\"auto, (max-width: 882px) 100vw, 882px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">List Type: Unordered<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">But if you choose the Unordered list type, you can choose three icons for your Unordered list items:<strong> circle, square, and disc.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"880\" height=\"682\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-24_12-01-17.gif\" alt=\"\" class=\"wp-image-20890\" style=\"border-width:1px;border-radius:3px\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Font<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The Font Tab offers two options: Text Color and Font Size<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">List Font Color<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">List Font Color allows you to change the color of the list font. You can choose any color you like. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"890\" height=\"520\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-24_12-09-48.gif\" alt=\"\" class=\"wp-image-20891\" style=\"border-width:1px;border-radius:3px\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Font Size<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Font size enables you to maintain the font size within the table. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"888\" height=\"520\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-24_12-10-32.gif\" alt=\"\" class=\"wp-image-20892\" style=\"border-width:1px;border-radius:3px\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Layout<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">You will get the Item Spacing and List Alignment options in the Layout option. <\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Item Spacing &amp; List Alignment<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Item Spacing lets you define the spacing between two list items vertically. The List Alignment allows you to choose the alignment for your list items. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"962\" height=\"522\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-24_12-14-10.gif\" alt=\"\" class=\"wp-image-20893\" style=\"border-width:1px;border-radius:3px\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Hope you find this tutorial helpful. Let us know if you have questions regarding List Element in the comment section below.<\/p>","protected":false},"excerpt":{"rendered":"<p>The List element is the basic version of the Styled List element. The List element allows you to create simple lists. Look at the image below to see how you can add lists to your table using WP Table Builder. Adding the List element is simple, as all you need is to drag &amp; drop [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[15],"doc_tag":[],"class_list":["post-16232","docs","type-docs","status-publish","hentry","doc_category-elements"],"year_month":"2026-08","word_count":268,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"name":"Ankur Raz Bongshi","author_nicename":"rajankur003","author_url":"https:\/\/wptablebuilder.com\/de\/author\/rajankur003\/"},"doc_category_info":[{"term_name":"Elements","term_url":"https:\/\/wptablebuilder.com\/de\/docs-category\/elements\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/docs\/16232","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/comments?post=16232"}],"version-history":[{"count":0,"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/docs\/16232\/revisions"}],"wp:attachment":[{"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/media?parent=16232"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/doc_category?post=16232"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/doc_tag?post=16232"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}