{"id":3044,"date":"2025-03-23T08:35:04","date_gmt":"2025-03-23T08:35:04","guid":{"rendered":"https:\/\/wptablebuilder.com\/?post_type=docs&#038;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-Symbol (Pro)"},"content":{"rendered":"<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2020\/12\/Text_Icon_WPTB_Docs-1024x576.png\" alt=\"\" class=\"wp-image-3447\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2020\/12\/Text_Icon_WPTB_Docs-1024x576.png 1024w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2020\/12\/Text_Icon_WPTB_Docs-300x169.png 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2020\/12\/Text_Icon_WPTB_Docs-768x432.png 768w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2020\/12\/Text_Icon_WPTB_Docs.png 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Symbole sind sch\u00f6n und auff\u00e4llig. Noch interessanter wird ein Symbol, wenn es von Text begleitet wird.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ja, Text mit einem Symbol macht die Dinge attraktiver und verst\u00e4ndlicher. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">WP Table Builder Pro bietet ein Element namens \u2018Text Icon\u2019, mit dem Sie Text neben einem Symbol hinzuf\u00fcgen k\u00f6nnen. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1064\" height=\"756\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_13-53-49.gif\" alt=\"\" class=\"wp-image-20812\" 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\">Schauen wir uns an, wie man einer Tabelle ein \u2018Text-Symbol\u2019 hinzuf\u00fcgt. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Text-Symbol-Optionen<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Das Text-Icon-Element verf\u00fcgt \u00fcber einige vielseitige Funktionen, damit Ihre Text-Icons fantastisch aussehen. Die Text-Icon-Optionen sind in drei Registerkarten unterteilt: Allgemein, Text und Icon.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Sehen wir sie uns nacheinander an.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Allgemein<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Im Tab \u201eAllgemein\u201c finden Sie die prim\u00e4ren Optionen.&nbsp;<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Symbolabstand<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Mit dieser Option k\u00f6nnen Sie den Abstand zwischen dem Symbol und Ihrem Text anpassen. Der Eingabewert wird in Pixeln angegeben. Zun\u00e4chst s<strong>W\u00e4hlen Sie das Textsymbol-Element in der Tabelle aus<\/strong> <strong>(1)<\/strong> und verwenden Sie die <strong>Regler f\u00fcr den Symbolabstand zur Anpassung des Abstands zwischen<\/strong> der Text und das Symbol <strong>(2)<\/strong>. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"912\" height=\"494\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_13-55-38.png\" alt=\"\" class=\"wp-image-20813\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_13-55-38.png 912w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_13-55-38-300x163.png 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_13-55-38-768x416.png 768w\" sizes=\"auto, (max-width: 912px) 100vw, 912px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h4 class=\"wp-block-heading has-text-align-left\">Listenjustierung<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Hier k\u00f6nnen Sie die Ausrichtung Ihrer Inhalte und Symbole ausw\u00e4hlen. Standardm\u00e4\u00dfig sind Elemente immer links ausgerichtet. Sie k\u00f6nnen die Ausrichtung von Inhalt und Symbol \u00e4ndern. W\u00e4hlen Sie das <strong>Textelement<\/strong> in der Tabelle <strong>(1) <\/strong>und dann <strong>passen Sie die Ausrichtung von der Listen-Ausrichtung (2) an<\/strong>. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"967\" height=\"614\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_14-00-12-2.png\" alt=\"\" class=\"wp-image-20816\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_14-00-12-2.png 967w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_14-00-12-2-300x190.png 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_14-00-12-2-768x488.png 768w\" sizes=\"auto, (max-width: 967px) 100vw, 967px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Text<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Die Registerkarte \u201eText\u201c enth\u00e4lt Optionen f\u00fcr Schriftgr\u00f6\u00dfe und Textfarbe. <\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Textfarbe<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Hier haben Sie die M\u00f6glichkeit, Schriftgr\u00f6\u00dfe und Textfarbe einzustellen. Geben Sie Ihre Textfarbe als Hex-Code ein oder w\u00e4hlen Sie die benutzerdefinierte Farbe im Farbfenster aus. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"545\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_14-05-35-1024x545.png\" alt=\"\" class=\"wp-image-20817\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_14-05-35-1024x545.png 1024w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_14-05-35-300x160.png 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_14-05-35-768x409.png 768w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_14-05-35.png 1124w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Schriftgr\u00f6\u00dfe<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Stellen Sie Ihre gew\u00fcnschte Schriftgr\u00f6\u00dfe \u00fcber die Option \u201eSchriftgr\u00f6\u00dfe\u201c ein.\u00a0<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"926\" height=\"518\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_14-07-30.png\" alt=\"\" class=\"wp-image-20818\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_14-07-30.png 926w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_14-07-30-300x168.png 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_14-07-30-768x430.png 768w\" sizes=\"auto, (max-width: 926px) 100vw, 926px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Symbol-Registerkarte<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Die Registerkarte \u201eSymbol\u201c enth\u00e4lt die Einstellungen in Bezug auf das Symbol und die Symboldekoration.&nbsp;<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Listen-Symbol<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Sie k\u00f6nnen das Symbol f\u00fcr das jeweilige Listen-Symbol-Element \u00fcber die Option \u00e4ndern. <strong>W\u00e4hlen Sie das Element<\/strong> <strong>(1)<\/strong>, <strong>Klicken Sie auf das Listensymbol-Symbol (2) und w\u00e4hlen Sie Ihr Symbol (3). <\/strong> <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"922\" height=\"536\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_14-22-32.png\" alt=\"\" class=\"wp-image-20819\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_14-22-32.png 922w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_14-22-32-300x174.png 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_14-22-32-768x446.png 768w\" sizes=\"auto, (max-width: 922px) 100vw, 922px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Symbolgr\u00f6\u00dfe<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Mit dieser Option k\u00f6nnen Sie die Gr\u00f6\u00dfe der Symbole verringern oder vergr\u00f6\u00dfern. Die Gr\u00f6\u00dfeneingabe basiert auf Pixeln.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1002\" height=\"616\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_14-26-00.png\" alt=\"\" class=\"wp-image-20820\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_14-26-00.png 1002w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_14-26-00-300x184.png 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_14-26-00-768x472.png 768w\" sizes=\"auto, (max-width: 1002px) 100vw, 1002px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Symbolfarbe&nbsp;<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Sie k\u00f6nnen Symbolfarben ausw\u00e4hlen, damit Ihre Tabelleninhalte gro\u00dfartig aussehen. Sie k\u00f6nnen die Farbe Ihres Symbols ausw\u00e4hlen, indem Sie einen Hex-Code eingeben oder die Farbe aus dem Farbfenster ausw\u00e4hlen.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"640\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_14-28-41.gif\" alt=\"\" class=\"wp-image-20821\" 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\">Symbolstandort<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Stellen Sie Ihre <strong>Symbol-Position<\/strong> entweder <strong>nach dem Text oder vor dem Text<\/strong>. Wenn Sie Ihr Symbol vor dem Text platzieren m\u00f6chten, w\u00e4hlen Sie die Symbolposition links. W\u00e4hlen Sie rechts, um das Symbol nach dem Text zu platzieren. <strong>Standardm\u00e4\u00dfig wird das Symbol vor dem Text platziert.<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"992\" height=\"572\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_14-33-10.gif\" alt=\"\" class=\"wp-image-20822\" 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\">Wir hoffen, dass Ihnen diese Dokumentation dabei geholfen hat, die Funktionalit\u00e4t dieses Pro-Elements von WP Table Builder zu verstehen.\u00a0<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Teilen Sie uns Ihre Gedanken und Fragen im Kommentarbereich mit.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>","protected":false},"excerpt":{"rendered":"<p>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 &#8216;Text Icon&#8217; that lets you add text beside an icon. Let&#8217;s see how to add &#8216;Text Icon&#8217; to a table. [&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-3044","docs","type-docs","status-publish","hentry","doc_category-elements"],"year_month":"2026-08","word_count":439,"total_views":"8","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}]}}