{"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":"come-cambiare-il-colore-dello-sfondo-dellintestazione","status":"publish","type":"docs","link":"https:\/\/wptablebuilder.com\/it\/docs\/how-to-change-the-header-background-color\/","title":{"rendered":"Come cambiare i colori di sfondo di una tabella in WP Table Builder (intestazione, righe alternate, 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\">Risposta rapida<\/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\">Apri la tabella nel builder, vai su <strong>Settings<\/strong> (scheda) ed espandi <strong>Background<\/strong>. Nella scheda <strong>General<\/strong> imposta <strong>Header Background<\/strong>, <strong>Odd Row Background<\/strong> e <strong>Even Row Background<\/strong> (per le righe a strisce). Nella scheda <strong>Hover<\/strong> imposta i colori che assumono le righe quando i visitatori ci passano sopra con il mouse. Fai clic su <strong>Save<\/strong>. Queste impostazioni di sfondo per l\u2019intera tabella sono gratuite. Gli sfondi di righe e singole celle richiedono Pro.<\/p>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">I colori di sfondo rendono una tabella pi\u00f9 facile da consultare. Un\u2019intestazione colorata evidenzia i nomi delle colonne, e i colori alternati delle righe (zebrati) aiutano a seguire una riga lungo la tabella.<\/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\">Requisiti<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Voce<\/th><th>Dettagli<\/th><\/tr><\/thead><tbody><tr><td><strong>Piano<\/strong><\/td><td>Gratis (intestazione, dispari, pari e hover) e Pro (sfondi di righe e celle)<\/td><\/tr><tr><td><strong>Tempo necessario<\/strong><\/td><td>Circa 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\">Passo 1: Apri le impostazioni di Background<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Apri la tabella nel builder e fai clic su <strong>Settings<\/strong> .<\/li>\n\n\n\n<li>Expand <strong>Background<\/strong>, oppure digita <code>background<\/code> in <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=\"Sezione Background di WP Table Builder con Header Background, Odd Row Background ed Even Row Background nella scheda 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\">Passo 2: Imposta i colori<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Impostazione<\/th><th>Dove si applica<\/th><\/tr><\/thead><tbody><tr><td><strong>Header Background<\/strong><\/td><td>La prima riga<\/td><\/tr><tr><td><strong>Odd Row Background<\/strong><\/td><td>Righe 1, 3, 5 e cos\u00ec via (sotto l\u2019intestazione)<\/td><\/tr><tr><td><strong>Even Row Background<\/strong><\/td><td>Righe 2, 4, 6 e cos\u00ec via<\/td><\/tr><tr><td><strong>Hover<\/strong> \u2060<\/td><td>Lo sfondo che una riga mostra quando il mouse di un visitatore \u00e8 sopra di essa<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Fai clic su un riquadro colore per scegliere un colore o inserisci un codice esadecimale. Fai clic sulla freccia di ripristino accanto a un\u2019impostazione per rimuoverla. Fai clic su <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\">Sfondi di righe e celle (Pro)<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Una riga:<\/strong> seleziona una cella della riga, espandi <strong>Row &#038; Column Control<\/strong> e imposta <strong>Row Background<\/strong>.<\/li>\n\n\n\n<li><strong>Una cella:<\/strong> seleziona la cella, espandi <strong>Cell Control<\/strong> e imposta <strong>Cell Background<\/strong>. Vedi <a href=\"https:\/\/wptablebuilder.com\/it\/documenti\/modifica-il-colore-di-sfondo-di-una-singola-cella\/\">Come cambiare il colore di sfondo di una singola cella (PRO)<\/a>.<\/li>\n\n\n\n<li><strong>Rimuovere tutti gli sfondi delle celle:<\/strong> fai clic su <strong>Clear Backgrounds<\/strong> in <strong>Tools<\/strong> .<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">I colori di righe e celle sovrascrivono i colori dell\u2019intera tabella.<\/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\">Domande frequenti<\/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>Come cambio il colore dell\u2019intestazione di una tabella in 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\">In WP Table Builder, apri la scheda Settings, espandi Background e imposta Header Background. Fai clic su 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>Come creo righe a strisce (zebrate)?<\/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\">Imposta colori diversi per Odd Row Background ed Even Row Background nella sezione 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>Ho impostato un colore per l\u2019intestazione ma non \u00e8 cambiato. Perch\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\">Uno sfondo di cella o di riga lo sta sovrascrivendo. Seleziona una cella dell\u2019intestazione e reimposta il suo Cell Background, oppure usa Clear Backgrounds in 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\">Documenti correlati<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/wptablebuilder.com\/it\/documenti\/modifica-il-colore-di-sfondo-di-una-singola-cella\/\">Come cambiare il colore di sfondo di una singola cella (PRO)<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/it\/documenti\/aggiungere-bordi-a-una-tabella-in-wordpress\/\">Come aggiungere bordi a una tabella in WP Table Builder<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/it\/documenti\/come-cambiare-il-colore-e-la-dimensione-dei-caratteri-nel-plugin-wp-table-builder\/\">Come cambiare colore e dimensione del font in WP Table Builder<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/it\/documenti\/th-header-row\/\">Come usare celle di intestazione th per la prima riga in 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\/it\/author\/wpx_roadtobl\/"},"doc_category_info":[{"term_name":"Styling &amp; Design","term_url":"https:\/\/wptablebuilder.com\/it\/docs-category\/styling-design\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/docs\/3593","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=3593"}],"version-history":[{"count":1,"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/docs\/3593\/revisions"}],"predecessor-version":[{"id":24326,"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/docs\/3593\/revisions\/24326"}],"wp:attachment":[{"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/media?parent=3593"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/doc_category?post=3593"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/doc_tag?post=3593"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}