{"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-11-13T14:08:47","modified_gmt":"2026-11-13T14:08:47","password":"","slug":"como-cambiar-el-color-y-el-tamano-de-la-fuente-en-el-constructor-de-tablas-de-wp","status":"publish","type":"docs","link":"https:\/\/wptablebuilder.com\/es\/docs\/how-to-change-font-color-and-font-size-in-wp-table-builder\/","title":{"rendered":"C\u00f3mo cambiar el color, el tama\u00f1o y la familia de fuente en WP Table Builder"},"content":{"rendered":"<div class=\"wp-block-group has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-d5c0682e wp-block-group-is-layout-constrained\" style=\"border-top-left-radius:0px;border-top-right-radius:6px;border-bottom-left-radius:0px;border-bottom-right-radius:6px;border-left-color:#2563eb;border-left-width:3px;background-color:#f4f7fb;margin-bottom:14px;padding-top:20px;padding-right:24px;padding-bottom:20px;padding-left:24px\">\n<p class=\"has-text-color wp-block-paragraph\" style=\"color:#2563eb;margin-top:0;margin-bottom:10px;font-size:11px;font-style:normal;font-weight:600;letter-spacing:0.08em;text-transform:uppercase\">Respuesta r\u00e1pida<\/p>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:14px;font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.106), 15px);line-height:1.65\">Para dar estilo a un elemento de texto, haz clic en \u00e9l y usa <strong>Font Color<\/strong>, <strong>Link Font Color<\/strong>, <strong>Font Family<\/strong>, <strong>Font Size<\/strong> y <strong>Tag<\/strong> (Paragraph o Heading 1 a 6) en el panel izquierdo. Para definir las fuentes de toda la tabla a la vez, abre la <strong>Settings<\/strong> (pesta\u00f1a) y despliega <strong>Font Style<\/strong> (Font Color, Link Color, Font Size), que requiere WP Table Builder Pro. Haz clic en <strong>Save<\/strong>.<\/p>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">El estilo del texto controla la legibilidad y la jerarqu\u00eda. Usa texto m\u00e1s grande o en negrita para los nombres de productos y los precios, y una etiqueta de encabezado para el texto que funciona como t\u00edtulo.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_308a07cc-2235-49c1-b1c9-2356aad33c95\"><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: 1px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">Requisitos<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Concepto<\/th><th>Detalles<\/th><\/tr><\/thead><tbody><tr><td><strong>Plan<\/strong><\/td><td>Gratis (por elemento) y Pro (Font Style para toda la tabla)<\/td><\/tr><tr><td><strong>Versi\u00f3n del plugin<\/strong><\/td><td>WP Table Builder 2.3.0 o posterior para las etiquetas de encabezado, 2.2.0 o posterior para las familias de fuente<\/td><\/tr><tr><td><strong>Tiempo necesario<\/strong><\/td><td>Aproximadamente 1 minuto<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_18768092-d024-4510-8402-43720a46c842\"><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: 1px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">Dar estilo a un solo elemento de texto<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Haz clic en el texto de una celda. El panel izquierdo muestra <strong>Text Options<\/strong>.<\/li>\n\n\n\n<li>Cambia cualquiera de estos ajustes:<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Ajuste<\/th><th>Qu\u00e9 hace<\/th><\/tr><\/thead><tbody><tr><td><strong>Tag<\/strong><\/td><td>Paragraph, o de Heading 1 a Heading 6 para etiquetas de encabezado reales<\/td><\/tr><tr><td><strong>Font Color<\/strong><\/td><td>Color del texto<\/td><\/tr><tr><td><strong>Link Font Color<\/strong><\/td><td>Color de los enlaces dentro del texto<\/td><\/tr><tr><td><strong>Font Family<\/strong><\/td><td>Default (la fuente de tu tema), Mona Sans, Mona Sans Expanded, Mona Sans Condensed, Mona Sans Narrow o Monospace<\/td><\/tr><tr><td><strong>Font Size<\/strong><\/td><td>Tama\u00f1o en px (0 significa el valor por defecto de la tabla o del tema)<\/td><\/tr><tr><td><strong>Padding<\/strong> \/ <strong>Margin<\/strong><\/td><td>Espacio dentro y alrededor del texto (Pro)<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1440\" height=\"722\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-text-element-settings.jpg\" alt=\"Text Options de WP Table Builder con Tag, Font Color, Link Font Color, Font Family y Font Size\" class=\"wp-image-24323\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-text-element-settings.jpg 1440w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-text-element-settings-300x150.jpg 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-text-element-settings-1024x513.jpg 1024w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-text-element-settings-768x385.jpg 768w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-text-element-settings-18x9.jpg 18w\" sizes=\"auto, (max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Para aplicar negrita, cursiva, subrayado o tachado a una parte del texto, selecciona las palabras y usa la barra de formato que aparece sobre la celda.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_b2fe20ec-c477-4723-91fb-69e8c91159e6\"><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: 1px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">Dar estilo a todo el texto de la tabla (Pro)<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Haz clic en <strong>Settings<\/strong> (pesta\u00f1a) y despliega <strong>Font Style<\/strong>.<\/li>\n\n\n\n<li>Ajusta <strong>Font Color<\/strong>, <strong>Link Color<\/strong> y <strong>Font Size<\/strong> para toda la tabla.<\/li>\n\n\n\n<li>Haz clic en <strong>Save<\/strong>.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Los ajustes de un elemento de texto concreto tienen prioridad sobre el Font Style de toda la tabla.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_2337c65f-df4b-454e-8f90-2c0c54614626\"><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: 1px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">Cu\u00e1ndo usar etiquetas de encabezado<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Ajusta <strong>Tag<\/strong> en un nivel de encabezado cuando el texto sea un encabezado real, por ejemplo los nombres de productos en una tabla comparativa. Los encabezados ayudan a los buscadores y a las herramientas de IA a entender la estructura de tu contenido. Mant\u00e9n un orden l\u00f3gico de encabezados en la p\u00e1gina (por ejemplo, H3 debajo del H2 de la entrada).<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_406d8f8b-a864-44f2-aa0e-6521c0806d6f\"><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: 1px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">Preguntas frecuentes<\/h2>\n\n\n<div class=\"wp-block-ub-content-toggle wp-block-ub-content-toggle-block\" id=\"ub-content-toggle-block-f2c58b9e-d373-4113-a870-77368d5e157c\" data-mobilecollapse=\"false\" data-desktopcollapse=\"true\" data-preventcollapse=\"false\" data-showonlyone=\"false\">\n<div class=\"wp-block-ub-content-toggle-accordion\" style=\"border-color: #f1f1f1; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; \" id=\"ub-content-toggle-panel-block-\">\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-title-wrap\" style=\"background-color: #f1f1f1;\" aria-controls=\"ub-content-toggle-panel-0-f2c58b9e-d373-4113-a870-77368d5e157c\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-f2c58b9e-d373-4113-a870-77368d5e157c\" style=\"color: #000000; \"><strong>\u00bfC\u00f3mo cambio el tama\u00f1o de fuente en una tabla de WP Table Builder?<\/strong><\/p>\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-toggle-wrap right\" style=\"color: #000000;\"><span class=\"wp-block-ub-content-toggle-accordion-state-indicator wp-block-ub-chevron-down open\"><\/span><\/div>\n\t\t<\/div>\n\t\t\t<div role=\"region\" aria-expanded=\"true\" class=\"wp-block-ub-content-toggle-accordion-content-wrap\" id=\"ub-content-toggle-panel-0-f2c58b9e-d373-4113-a870-77368d5e157c\">\n\n<p class=\"wp-block-paragraph\">Haz clic en el texto y cambia Font Size en el panel izquierdo. Para cambiar todo el texto a la vez, usa Font Style en la pesta\u00f1a Settings (Pro).<\/p>\n\n<\/div>\n\t\t<\/div>\n\n<div class=\"wp-block-ub-content-toggle-accordion\" style=\"border-color: #f1f1f1; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; \" id=\"ub-content-toggle-panel-block-\">\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-title-wrap\" style=\"background-color: #f1f1f1;\" aria-controls=\"ub-content-toggle-panel-1-f2c58b9e-d373-4113-a870-77368d5e157c\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-f2c58b9e-d373-4113-a870-77368d5e157c\" style=\"color: #000000; \"><strong>\u00bfPuedo usar la fuente de mi tema?<\/strong><\/p>\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-toggle-wrap right\" style=\"color: #000000;\"><span class=\"wp-block-ub-content-toggle-accordion-state-indicator wp-block-ub-chevron-down\"><\/span><\/div>\n\t\t<\/div>\n\t\t\t<div role=\"region\" aria-expanded=\"false\" class=\"wp-block-ub-content-toggle-accordion-content-wrap ub-hide\" id=\"ub-content-toggle-panel-1-f2c58b9e-d373-4113-a870-77368d5e157c\">\n\n<p class=\"wp-block-paragraph\">S\u00ed. Deja Font Family en Default para usar la fuente de tu tema.<\/p>\n\n<\/div>\n\t\t<\/div>\n\n<div class=\"wp-block-ub-content-toggle-accordion\" style=\"border-color: #f1f1f1; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; \" id=\"ub-content-toggle-panel-block-\">\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-title-wrap\" style=\"background-color: #f1f1f1;\" aria-controls=\"ub-content-toggle-panel-2-f2c58b9e-d373-4113-a870-77368d5e157c\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-f2c58b9e-d373-4113-a870-77368d5e157c\" style=\"color: #000000; \"><strong>\u00bfC\u00f3mo convierto el texto de la tabla en un encabezado (H2, H3)?<\/strong><\/p>\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-toggle-wrap right\" style=\"color: #000000;\"><span class=\"wp-block-ub-content-toggle-accordion-state-indicator wp-block-ub-chevron-down\"><\/span><\/div>\n\t\t<\/div>\n\t\t\t<div role=\"region\" aria-expanded=\"false\" class=\"wp-block-ub-content-toggle-accordion-content-wrap ub-hide\" id=\"ub-content-toggle-panel-2-f2c58b9e-d373-4113-a870-77368d5e157c\">\n\n<p class=\"wp-block-paragraph\">Selecciona el elemento de texto y cambia Tag de Paragraph al nivel de encabezado que necesites.<\/p>\n\n<\/div>\n\t\t<\/div>\n\n<div class=\"wp-block-ub-content-toggle-accordion\" style=\"border-color: #f1f1f1; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; \" id=\"ub-content-toggle-panel-block-\">\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-title-wrap\" style=\"background-color: #f1f1f1;\" aria-controls=\"ub-content-toggle-panel-3-f2c58b9e-d373-4113-a870-77368d5e157c\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-f2c58b9e-d373-4113-a870-77368d5e157c\" style=\"color: #000000; \"><strong>\u00bfC\u00f3mo cambio el color de los enlaces en una tabla?<\/strong><\/p>\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-toggle-wrap right\" style=\"color: #000000;\"><span class=\"wp-block-ub-content-toggle-accordion-state-indicator wp-block-ub-chevron-down\"><\/span><\/div>\n\t\t<\/div>\n\t\t\t<div role=\"region\" aria-expanded=\"false\" class=\"wp-block-ub-content-toggle-accordion-content-wrap ub-hide\" id=\"ub-content-toggle-panel-3-f2c58b9e-d373-4113-a870-77368d5e157c\">\n\n<p class=\"wp-block-paragraph\">Usa Link Font Color en el elemento de texto, o Link Color en la secci\u00f3n Font Style de la tabla (Pro).<\/p>\n\n<\/div>\n\t\t<\/div>\n<\/div>\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_20410a85-e0a9-4c1e-98a0-f94a01696c77\"><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: 1px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">Documentos relacionados<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/wptablebuilder.com\/es\/documentos\/texto\/\">Texto<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/es\/documentos\/como-cambiar-el-color-del-fondo-de-la-cabecera\/\">C\u00f3mo cambiar los colores de fondo de una tabla en WP Table Builder (encabezado, filas alternas, hover)<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/es\/documentos\/add-links-to-table\/\">C\u00f3mo a\u00f1adir enlaces al texto de una tabla en WP Table Builder (nofollow, patrocinado, nueva pesta\u00f1a)<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/es\/documentos\/th-header-row\/\">C\u00f3mo usar celdas de encabezado th en la primera fila en WP Table Builder<\/a><\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>Change text color, size, font family and heading level, per element or table-wide.<\/p>","protected":false},"author":1,"featured_media":23160,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[98],"doc_tag":[],"class_list":["post-23157","docs","type-docs","status-publish","has-post-thumbnail","hentry","doc_category-styling-design"],"year_month":"2026-11","word_count":423,"total_views":"30","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":"Styling &amp; Design","term_url":"https:\/\/wptablebuilder.com\/es\/docs-category\/styling-design\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/docs\/23157","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=23157"}],"version-history":[{"count":1,"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/docs\/23157\/revisions"}],"predecessor-version":[{"id":24327,"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/docs\/23157\/revisions\/24327"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/media\/23160"}],"wp:attachment":[{"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/media?parent=23157"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/doc_category?post=23157"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/doc_tag?post=23157"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}