{"id":23157,"date":"2026-03-04T20:22:06","date_gmt":"2026-03-04T20:22:06","guid":{"rendered":"https:\/\/wptablebuilder.com\/?post_type=docs&#038;p=23157"},"modified":"2026-03-04T20:22:07","modified_gmt":"2026-03-04T20:22:07","password":"","slug":"how-to-change-font-color-and-font-size-in-wp-table-builder","status":"publish","type":"docs","link":"https:\/\/wptablebuilder.com\/it\/docs\/how-to-change-font-color-and-font-size-in-wp-table-builder\/","title":{"rendered":"How to Change Font Color and Font Size in WP Table Builder"},"content":{"rendered":"<p class=\"wp-block-paragraph\">WP Table Builder allows you to easily change the <strong>font color<\/strong> and <strong>font size<\/strong> of the text inside your tables. You can either apply the styling to <strong>the entire table<\/strong> or modify <strong>specific text elements individually<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In this guide, we will show you <strong>two ways<\/strong> to change font color and size in WP Table Builder.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Method 1: Change Font Color and Size for the Entire Table<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">This method allows you to change the font color and size for <strong>all text inside a specific table<\/strong>.<\/p>\n\n\n\n<p class=\"has-border-light-background-color has-background wp-block-paragraph\">Note: This is <strong>not a global typography setting<\/strong>. The changes will apply <strong>only to the table you are editing<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Steps<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Open the table in the <strong>WP Table Builder editor<\/strong>.<\/li>\n\n\n\n<li>Click the <strong>Settings<\/strong> tab at the top of the left panel.<\/li>\n\n\n\n<li>Expand the <strong>Font Style<\/strong> section.<\/li>\n\n\n\n<li>Adjust the following options:\n<ul class=\"wp-block-list\">\n<li><strong>Font Color<\/strong> \u2013 Change the text color.<\/li>\n\n\n\n<li><strong>Link Color<\/strong> \u2013 Change the color of links inside the table.<\/li>\n\n\n\n<li><strong>Font Size<\/strong> \u2013 Adjust the text size using the slider.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Once you make the changes, they will apply to <strong>all text inside the current table<\/strong>.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a70f2da7f120&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a70f2da7f120\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"497\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/03\/Changing-the-font-color-and-size-for-all-text--1024x497.png\" alt=\"\" class=\"wp-image-23158\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/03\/Changing-the-font-color-and-size-for-all-text--1024x497.png 1024w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/03\/Changing-the-font-color-and-size-for-all-text--300x146.png 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/03\/Changing-the-font-color-and-size-for-all-text--768x373.png 768w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/03\/Changing-the-font-color-and-size-for-all-text--1536x746.png 1536w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/03\/Changing-the-font-color-and-size-for-all-text--2048x995.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_563b2106-4518-4110-8dc1-4ba5d6ba9fd4\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 2px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">Method 2: Change Font Color and Size for Specific Text<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">If you want to style <strong>only a particular text element<\/strong>, you can change the font settings directly from the text options panel.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Steps<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Open the table in the <strong>WP Table Builder editor<\/strong>.<\/li>\n\n\n\n<li>Click on the <strong>text inside the cell<\/strong> you want to modify.<\/li>\n\n\n\n<li>The <strong>Text Options panel<\/strong> will appear on the left side.<\/li>\n\n\n\n<li>Adjust the following options:\n<ul class=\"wp-block-list\">\n<li><strong>Font Color<\/strong> \u2013 Set the color for the selected text.<\/li>\n\n\n\n<li><strong>Link Font Color<\/strong> \u2013 Change the link color for that text.<\/li>\n\n\n\n<li><strong>Font Size<\/strong> \u2013 Adjust the text size.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">This will affect <strong>only the selected text<\/strong>, not the entire table.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"447\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/03\/Change-text-color-and-size-in-WP-Table-Builder-1024x447.png\" alt=\"\" class=\"wp-image-23159\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/03\/Change-text-color-and-size-in-WP-Table-Builder-1024x447.png 1024w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/03\/Change-text-color-and-size-in-WP-Table-Builder-300x131.png 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/03\/Change-text-color-and-size-in-WP-Table-Builder-768x336.png 768w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/03\/Change-text-color-and-size-in-WP-Table-Builder-1536x671.png 1536w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/03\/Change-text-color-and-size-in-WP-Table-Builder-2048x895.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_edb071c2-79be-46f9-9568-9731a4667772\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 2px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">When Should You Use Each Method?<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Method<\/th><th>Best For<\/th><\/tr><\/thead><tbody><tr><td><strong>Table Settings (Method 1)<\/strong><\/td><td>Changing the font style for the entire table<\/td><\/tr><tr><td><strong>Text Options (Method 2)<\/strong><\/td><td>Styling individual cells or specific text<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">If you want consistent typography across your tables, we recommend using <strong>Method 1<\/strong>. If you only want to highlight or customize certain values, <strong>Method 2<\/strong> is the better choice.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_bc745c26-f136-4fa6-8029-e02ad1ee7aa4\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 2px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>WP Table Builder allows you to easily change the font color and font size of the text inside your tables. You can either apply the styling to the entire table or modify specific text elements individually. In this guide, we will show you two ways to change font color and size in WP Table Builder. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":23160,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[7],"doc_tag":[],"class_list":["post-23157","docs","type-docs","status-publish","has-post-thumbnail","hentry","doc_category-configurations"],"year_month":"2026-08","word_count":327,"total_views":"1","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"Istiak Rayhan","author_nicename":"wpx_roadtobl","author_url":"https:\/\/wptablebuilder.com\/it\/author\/wpx_roadtobl\/"},"doc_category_info":[{"term_name":"Configurations","term_url":"https:\/\/wptablebuilder.com\/it\/docs-category\/configurations\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/docs\/23157","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/comments?post=23157"}],"version-history":[{"count":0,"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/docs\/23157\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/media\/23160"}],"wp:attachment":[{"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/media?parent=23157"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/doc_category?post=23157"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/doc_tag?post=23157"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}