{"id":3044,"date":"2025-03-23T08:35:04","date_gmt":"2025-03-23T08:35:04","guid":{"rendered":"https:\/\/wptablebuilder.com\/?post_type=docs&p=3044"},"modified":"2025-03-23T08:35:08","modified_gmt":"2025-03-23T08:35:08","password":"","slug":"text-icon-pro","status":"publish","type":"docs","link":"https:\/\/wptablebuilder.com\/de\/docs\/text-icon-pro\/","title":{"rendered":"Text Icon (Pro)"},"content":{"rendered":"
\"\"<\/figure>\n\n\n\n

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

Icons are beautiful and eye-catching. What makes an icon more interesting is having text with it.<\/p>\n\n\n\n

Yes, text with an icon makes things more attractive and understandable. <\/p>\n\n\n\n

WP Table Builder Pro offers an element called ‘Text Icon’ that lets you add text beside an icon. <\/p>\n\n\n\n

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

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

Let’s see how to add ‘Text Icon’ to a table. <\/p>\n\n\n\n

Text Icon Options<\/h2>\n\n\n\n

The Text Icon element has some versatile functions to make your Text Icons look incredible. Text Icon Options are divided into three tabs: General, Text, and Icon. <\/p>\n\n\n\n

Let\u2019s take a look at them one by one. <\/p>\n\n\n\n

General<\/h3>\n\n\n\n

In the General tab, you will find the primary options. <\/p>\n\n\n\n

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

This option allows you to adjust the space between the icon and your text. The input value is based on pixels.\u00a0First, select the Text Icon element in table<\/strong> (1)<\/strong> and use the icon spacing slider to adjust the spacing between<\/strong> the text and icon (2)<\/strong>. <\/p>\n\n\n\n

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

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

List Alignment<\/h4>\n\n\n\n

Here, you can select your content and icon alignment. By default, element alignment is always left alignment. You can change the content and icon alignment.\u00a0Select the Text icon element<\/strong> in the table (1) <\/strong>and then adjust the alignment from the List Alignment (2)<\/strong>. <\/p>\n\n\n\n

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

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

Text<\/h3>\n\n\n\n

The Text Tab includes font size and text color options. <\/p>\n\n\n\n

Text Color<\/h4>\n\n\n\n

Here, you will get the option to set font size and text color. Put your text color in the hex code or select the custom color with the color window. <\/p>\n\n\n\n

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

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

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

Set your desired font size through the Font Size option.\u00a0<\/p>\n\n\n\n

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

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

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

The Icon tab contains the settings related to icon and icon decoration. <\/p>\n\n\n\n

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

You can change the icon for the particular List Icon element using the option. Select the element<\/strong> (1)<\/strong>, click on the icon of the List Icon (2), and choose your icon (3). <\/strong> <\/p>\n\n\n\n

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

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

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

With this option, you can reduce or increase the size of the icons. The size input is based on pixels. <\/p>\n\n\n\n

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

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

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

You can select icon colors to make your table content look great. You can choose your icon\u2019s color by inputting a hex code or selecting the color from the color window. <\/p>\n\n\n\n

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

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

Icon Location<\/h4>\n\n\n\n

Set your icon\u2019s location<\/strong> either after the text or before the text<\/strong>. If you want to place your icon before the text, choose the icon location on the left. Choose the right to place the icon after the text. By default, the icon is placed before the text<\/strong>.<\/p>\n\n\n\n

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

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

We hope this documentation has helped you understand the functionality of this pro element of WP Table Builder.\u00a0<\/p>\n\n\n\n

Let us know your thoughts and questions in the comment box.<\/p>\n\n\n\n

<\/p>","protected":false},"excerpt":{"rendered":"

Icons are beautiful and eye-catching. What makes an icon more interesting is having text with it. Yes, text with an icon makes things more attractive and understandable. WP Table Builder Pro offers an element called ‘Text Icon’ that lets you add text beside an icon. Let’s see how to add ‘Text Icon’ to a table. […]<\/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-3044","docs","type-docs","status-publish","hentry","doc_category-elements"],"year_month":"2026-08","word_count":439,"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\/3044","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=3044"}],"version-history":[{"count":0,"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/docs\/3044\/revisions"}],"wp:attachment":[{"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/media?parent=3044"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/doc_category?post=3044"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/doc_tag?post=3044"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}