{"id":3593,"date":"2021-06-09T12:11:48","date_gmt":"2021-06-09T12:11:48","guid":{"rendered":"https:\/\/wptablebuilder.com\/?post_type=docs&#038;p=3593"},"modified":"2026-11-13T14:08:44","modified_gmt":"2026-11-13T14:08:44","password":"","slug":"como-cambiar-el-color-del-fondo-de-la-cabecera","status":"publish","type":"docs","link":"https:\/\/wptablebuilder.com\/es\/docs\/how-to-change-the-header-background-color\/","title":{"rendered":"C\u00f3mo cambiar los colores de fondo de una tabla en WP Table Builder (encabezado, filas alternas, hover)"},"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\">Abre la tabla en el constructor, ve a <strong>Settings<\/strong> (pesta\u00f1a) y despliega <strong>Background<\/strong>. En la pesta\u00f1a <strong>General<\/strong> configura <strong>Header Background<\/strong>, <strong>Odd Row Background<\/strong> y <strong>Even Row Background<\/strong> (para filas rayadas). En la pesta\u00f1a <strong>Hover<\/strong> configura los colores que toman las filas cuando los visitantes pasan el rat\u00f3n por encima. Haz clic en <strong>Save<\/strong>. Estos ajustes de fondo para toda la tabla son gratuitos. Los fondos de filas y de celdas individuales requieren Pro.<\/p>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Los colores de fondo hacen que una tabla sea m\u00e1s f\u00e1cil de leer de un vistazo. Un encabezado de color se\u00f1ala los nombres de las columnas, y los colores alternos de filas (tipo cebra) ayudan a seguir una fila a lo largo de la tabla.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_b2ba95eb-53cd-4c45-8f92-23040e0892a9\"><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 (encabezado, impares, pares y al pasar el rat\u00f3n) y Pro (fondos de filas y celdas)<\/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_401a0ce3-aae6-49d7-b10d-346d25617e46\"><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\">Paso 1: Abre los ajustes de Background<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Abre la tabla en el constructor y haz clic en <strong>Settings<\/strong> .<\/li>\n\n\n\n<li>Expand <strong>Background<\/strong>, o escribe <code>background<\/code> en <strong>Search settings<\/strong>.<\/li>\n<\/ol>\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-background-settings.jpg\" alt=\"Secci\u00f3n Background de WP Table Builder con Header Background, Odd Row Background y Even Row Background en la pesta\u00f1a General\" class=\"wp-image-24322\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-background-settings.jpg 1440w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-background-settings-300x150.jpg 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-background-settings-1024x513.jpg 1024w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-background-settings-768x385.jpg 768w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-background-settings-18x9.jpg 18w\" sizes=\"auto, (max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_b0efa6f1-2af0-4257-bf53-b93c848cf85f\"><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\">Paso 2: Configura los colores<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Ajuste<\/th><th>D\u00f3nde se aplica<\/th><\/tr><\/thead><tbody><tr><td><strong>Header Background<\/strong><\/td><td>La primera fila<\/td><\/tr><tr><td><strong>Odd Row Background<\/strong><\/td><td>Filas 1, 3, 5, etc. (debajo del encabezado)<\/td><\/tr><tr><td><strong>Even Row Background<\/strong><\/td><td>Filas 2, 4, 6, etc.<\/td><\/tr><tr><td><strong>Hover<\/strong> \u2060<\/td><td>El fondo que muestra una fila cuando el rat\u00f3n de un visitante est\u00e1 sobre ella<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Haz clic en una casilla de color para elegir un color o introduce un c\u00f3digo hexadecimal. Haz clic en la flecha de restablecer junto a un ajuste para quitarlo. Haz clic en <strong>Save<\/strong>.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_a2720aef-50c6-4fb0-aa11-df04acb1a731\"><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\">Fondos de filas y celdas (Pro)<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Una fila:<\/strong> selecciona una celda de la fila, despliega <strong>Row &#038; Column Control<\/strong> y define <strong>Row Background<\/strong>.<\/li>\n\n\n\n<li><strong>Una celda:<\/strong> selecciona la celda, despliega <strong>Cell Control<\/strong> y define <strong>Cell Background<\/strong>. Consulta <a href=\"https:\/\/wptablebuilder.com\/es\/documentos\/cambiar-el-color-de-fondo-de-una-sola-celda\/\">C\u00f3mo cambiar el color de fondo de una sola celda (PRO)<\/a>.<\/li>\n\n\n\n<li><strong>Quitar todos los fondos de celda:<\/strong> haz clic en <strong>Clear Backgrounds<\/strong> en <strong>Tools<\/strong> .<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Los colores de filas y celdas anulan los colores de toda la tabla.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_c06f2de8-00a5-4017-af49-867e30110894\"><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-14fd07da-3308-409d-b335-20652b3b1591\" 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-14fd07da-3308-409d-b335-20652b3b1591\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-14fd07da-3308-409d-b335-20652b3b1591\" style=\"color: #000000; \"><strong>\u00bfC\u00f3mo cambio el color del encabezado de una tabla en WordPress?<\/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-14fd07da-3308-409d-b335-20652b3b1591\">\n\n<p class=\"wp-block-paragraph\">En WP Table Builder, abre la pesta\u00f1a Settings, despliega Background y configura Header Background. Haz clic en Save.<\/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-14fd07da-3308-409d-b335-20652b3b1591\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-14fd07da-3308-409d-b335-20652b3b1591\" style=\"color: #000000; \"><strong>\u00bfC\u00f3mo creo filas rayadas (tipo cebra)?<\/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-14fd07da-3308-409d-b335-20652b3b1591\">\n\n<p class=\"wp-block-paragraph\">Elige colores distintos para Odd Row Background y Even Row Background en la secci\u00f3n Background.<\/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-14fd07da-3308-409d-b335-20652b3b1591\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-14fd07da-3308-409d-b335-20652b3b1591\" style=\"color: #000000; \"><strong>He configurado un color de encabezado, pero el encabezado no ha cambiado. \u00bfPor qu\u00e9?<\/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-14fd07da-3308-409d-b335-20652b3b1591\">\n\n<p class=\"wp-block-paragraph\">Un fondo de celda o de fila lo est\u00e1 anulando. Selecciona una celda del encabezado y restablece su Cell Background, o usa Clear Backgrounds en Tools.<\/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_82f4fe78-9393-4052-abab-26d78d5ad648\"><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\/cambiar-el-color-de-fondo-de-una-sola-celda\/\">C\u00f3mo cambiar el color de fondo de una sola celda (PRO)<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/es\/documentos\/agregar-bordes-a-una-tabla-en-wordpress\/\">C\u00f3mo a\u00f1adir bordes a una tabla en WP Table Builder<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/es\/documentos\/como-cambiar-el-color-y-el-tamano-de-la-fuente-en-el-constructor-de-tablas-de-wp\/\">C\u00f3mo cambiar el color y el tama\u00f1o de fuente en WP Table Builder<\/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>Set header, odd and even row, and hover background colors for a table.<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[98],"doc_tag":[],"class_list":["post-3593","docs","type-docs","status-publish","hentry","doc_category-styling-design"],"year_month":"2026-11","word_count":357,"total_views":"12","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\/3593","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=3593"}],"version-history":[{"count":1,"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/docs\/3593\/revisions"}],"predecessor-version":[{"id":24326,"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/docs\/3593\/revisions\/24326"}],"wp:attachment":[{"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/media?parent=3593"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/doc_category?post=3593"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/doc_tag?post=3593"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}