{"id":3055,"date":"2025-03-23T12:34:59","date_gmt":"2025-03-23T12:34:59","guid":{"rendered":"https:\/\/wptablebuilder.com\/?post_type=docs&p=3055"},"modified":"2025-03-23T12:35:56","modified_gmt":"2025-03-23T12:35:56","password":"","slug":"styled-list","status":"publish","type":"docs","link":"https:\/\/wptablebuilder.com\/es\/docs\/styled-list\/","title":{"rendered":"Styled List (Pro)"},"content":{"rendered":"
\"\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

WP Table Builder has a ‘List<\/strong>‘ element on the free version. It’s enough to create simple lists.<\/p>\n\n\n\n

But to create attractive lists, you must have more customization options.<\/p>\n\n\n\n

We have introduced the ‘Styled Lists’<\/strong> element on the WP Table Builder PRO. It lets you add icons to your list, and you can customize your list.<\/p>\n\n\n\n

Let’s see if you can add the ‘Styled List’ in the WP Table Builder.<\/p>\n\n\n\n

Adding a Styled List<\/strong> is super easy<\/strong>. Just drag and drop the Styled List element in your table, and that\u2019s it.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

Let\u2019s see what you can accomplish with this WP Table Builder pro<\/strong> element.<\/p>\n\n\n\n

Styled List Options<\/h3>\n\n\n\n

The \u2018Styled List\u2019 is packed with versatile options that will customize the icons and text to the next level within the table.<\/p>\n\n\n\n

The Styled List Options contains three tabs: Layout, Icon, and Font.<\/p>\n\n\n\n

Layout<\/h3>\n\n\n\n

The Layout tab allows you to adjust the icon spacing, item spacing, list alignment, spacing, etc.<\/p>\n\n\n\n

Icon Spacing<\/h4>\n\n\n\n

You can increase the space between the icon and the text. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

Item Spacing<\/h3>\n\n\n\n

You can also change the space between list items. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

List Alignment<\/h3>\n\n\n\n

You can also change the alignment of the list. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

Spacing<\/h3>\n\n\n\n

Like every element, Styled List has a spacing option. You can learn more about spacing here<\/a><\/strong>.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

Icon<\/h3>\n\n\n\n

Icon has three options: list icon, icon size, and icon color<\/strong>. Look at the details below. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

List Icon<\/h4>\n\n\n\n

The Icon option allows you to add any icon that you like. There are tons of icons to choose from. You can search for your desired icons by using the search box.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

Icon Size<\/h4>\n\n\n\n

The icon size allows you to adjust the icon size for your styled list. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

Icon Color<\/h4>\n\n\n\n

Icon Color allows you to choose colors for your Styled List icon. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

Font <\/h3>\n\n\n\n

The Font Tab allows you to edit the font size and color.<\/p>\n\n\n\n

Font Size & Font Color<\/h4>\n\n\n\n

You can change the size and color of the text beside the icon. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

Tooltip<\/h3>\n\n\n\n

The Tooltip<\/strong> functionality allows you to add a tooltip to your Styled List. First, select the item list, and you will see the Tooptip Text option will appear at the top left side. Then, you can add a tooltip. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

You can also define the tooltip text and position. This functionality is available for every item of the Styled List Options.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

We Hope this doc helped you comprehend the usage of the Styled List element of WP Table Builder in detail. <\/p>\n\n\n\n

Feel free to ask questions through the comment section if you have any. <\/p>","protected":false},"excerpt":{"rendered":"

WP Table Builder has a ‘List‘ element on the free version. It’s enough to create simple lists. But to create attractive lists, you must have more customization options. We have introduced the ‘Styled Lists’ element on the WP Table Builder PRO. It lets you add icons to your list, and you can customize your list. […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[15],"doc_tag":[],"class_list":["post-3055","docs","type-docs","status-publish","hentry","doc_category-elements"],"year_month":"2026-08","word_count":418,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"name":"Istiak Rayhan","author_nicename":"wpx_roadtobl","author_url":"https:\/\/wptablebuilder.com\/es\/author\/wpx_roadtobl\/"},"doc_category_info":[{"term_name":"Elements","term_url":"https:\/\/wptablebuilder.com\/es\/docs-category\/elements\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/docs\/3055","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/comments?post=3055"}],"version-history":[{"count":0,"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/docs\/3055\/revisions"}],"wp:attachment":[{"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/media?parent=3055"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/doc_category?post=3055"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/doc_tag?post=3055"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}