{"id":301,"date":"2025-01-02T06:58:51","date_gmt":"2025-01-02T06:58:51","guid":{"rendered":"https:\/\/tableberg.com\/?p=301"},"modified":"2025-01-02T07:39:10","modified_gmt":"2025-01-02T07:39:10","slug":"wie-man-die-hintergrundfarbe-der-tabelle-in-wordpress-andert","status":"publish","type":"post","link":"https:\/\/tableberg.com\/de\/how-to-change-table-background-color-in-wordpress\/","title":{"rendered":"\u00c4ndern der Tabellenhintergrundfarbe in WordPress"},"content":{"rendered":"<p>WordPress-Tabellen werden standardm\u00e4\u00dfig mit einem transparenten Hintergrund erstellt. M\u00f6glicherweise m\u00f6chten Sie den Tabellenhintergrund jedoch je nach Design und Stilisierungsbedarf Ihrer Website \u00e4ndern.<\/p>\n\n\n\n<p>Dies kann Ihnen helfen, eine koh\u00e4rente visuelle Identit\u00e4t zu schaffen, die Lesbarkeit zu verbessern und die Benutzererfahrung zu verbessern. In diesem Artikel werden zwei einfache Methoden zum \u00c4ndern der Hintergrundfarbe in WordPress erl\u00e4utert.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Methode 1<\/strong>: <a href=\"#Changing-the-Background-Color-of-the-Default-Table-Block\">\u00c4ndern der Hintergrundfarbe des Standard-Tabellenblocks<\/a><\/li>\n\n\n\n<li><strong>Methode 2<\/strong>: <a href=\"#Changing-the-Background-Color-of-the-Tableberg-Block\">\u00c4ndern der Hintergrundfarbe des Tableberg-Blocks<\/a><\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-group has-border-color has-global-padding is-layout-constrained wp-container-core-group-is-layout-8db5ca72 wp-block-group-is-layout-constrained\" style=\"border-color:#671feb;border-style:solid;border-width:1px;border-radius:4px;padding-top:var(--wp--preset--spacing--medium);padding-right:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--medium);padding-left:var(--wp--preset--spacing--small)\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-505d3e6d wp-block-group-is-layout-flex\" style=\"padding-top:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--small)\">\n<p style=\"font-size:clamp(18.959px, 1.185rem + ((1vw - 3.2px) * 1.175), 30px);\"><strong>Sch\u00f6ne Tische erstellen <\/strong><br><strong>Mit Block-Editor<\/strong><\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-f2baa792 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-background wp-element-button\" href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" style=\"background-color:#671feb\" target=\"_blank\" rel=\"noreferrer noopener\">Kostenlos ausprobieren<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/tableberg.com\/de\/preisgestaltung\/\" target=\"_blank\" rel=\"noreferrer noopener\">Profi werden<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"540\" height=\"540\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg.png\" alt=\"\" class=\"wp-image-1545\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg.png 540w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg-300x300.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg-150x150.png 150w\" sizes=\"auto, (max-width: 540px) 100vw, 540px\" \/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Changing-the-Background-Color-of-the-Default-Table-Block\">Methode 1: Verwendung des Standard-Tabellenblocks<\/h2>\n\n\n\n<p>Unten sehen Sie eine Dummy-Tabelle, die mit dem Standard-Tabellenblock von WordPress erstellt wurde. Klicken Sie auf das Symbol \"Tabelle\" in der Symbolleiste, um den gesamten Tabellenblock auszuw\u00e4hlen.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1278\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Select-the-table-created-by-the-default-WordPress-table-block.png\" alt=\"W\u00e4hlen Sie die Tabelle aus, die durch den Standard-WordPress-Tabellenblock erstellt wurde\" class=\"wp-image-287\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Select-the-table-created-by-the-default-WordPress-table-block.png 1278w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Select-the-table-created-by-the-default-WordPress-table-block-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Select-the-table-created-by-the-default-WordPress-table-block-1024x523.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Select-the-table-created-by-the-default-WordPress-table-block-768x392.png 768w\" sizes=\"auto, (max-width: 1278px) 100vw, 1278px\" \/><\/figure>\n\n\n\n<p>Gehen Sie in der rechten Seitenleiste auf die Registerkarte Stile. Klicken Sie unter dem Abschnitt Farbe auf die Option Hintergrund. Ein Farbfeld wird sich \u00f6ffnen. Sie k\u00f6nnen eine Volltonfarbe oder einen Farbverlauf ausw\u00e4hlen.&nbsp;&nbsp;<\/p>\n\n\n\n<p>Sobald Sie eine Farbe ausgew\u00e4hlt haben, wird sie in Echtzeit auf den Hintergrund der Tabelle angewendet.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1278\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Change-the-background-color-of-the-default-WordPress-table.png\" alt=\"\u00c4ndern Sie die Hintergrundfarbe der Standard-WordPress-Tabelle\" class=\"wp-image-289\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Change-the-background-color-of-the-default-WordPress-table.png 1278w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Change-the-background-color-of-the-default-WordPress-table-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Change-the-background-color-of-the-default-WordPress-table-1024x523.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Change-the-background-color-of-the-default-WordPress-table-768x392.png 768w\" sizes=\"auto, (max-width: 1278px) 100vw, 1278px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Changing-the-Background-Color-of-the-Tableberg-Block\">Methode 2: Verwendung des Tableberg-Plugins<\/h2>\n\n\n\n<p><a href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noreferrer noopener\">Tischberg<\/a> ist ein vielversprechendes Tabellenerstellungs-Plugin f\u00fcr WordPress. Es erlaubt Ihnen, der Tabelle verschiedene Arten von Informationen hinzuzuf\u00fcgen, um sie vielseitig und f\u00fcr verschiedene Zwecke nutzbar zu machen.<\/p>\n\n\n\n<p>Im Gegensatz zum Standard-Tabellenblock k\u00f6nnen Sie beim Tableberg-Block die Hintergrundfarben f\u00fcr <strong>Kopfzeile, Fu\u00dfzeile und Zeilen<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>\u00c4ndern der Hintergrundfarbe der Tabellen\u00fcberschrift<\/strong><\/h3>\n\n\n\n<p>(Stellen Sie sicher, dass Ihr Tisch eine <a href=\"https:\/\/tableberg.com\/de\/wie-man-eine-kopfzeile-zu-einer-tabelle-in-wordpress-hinzufugt\/\" target=\"_blank\" rel=\"noreferrer noopener\">Kopfabschnitt<\/a>)<\/p>\n\n\n\n<p>W\u00e4hlen Sie zun\u00e4chst den gesamten Tableberg-Block aus, indem Sie auf das Symbol <strong>Tischberg-Symbol<\/strong> (1). Klicken Sie dann auf das <strong>Registerkarte \"Stile<\/strong> (2) im Optionsfeld auf der rechten Seite. Und schlie\u00dflich \u00e4ndern Sie die Farbe von '<strong>Hintergrundfarbe der Kopfzeile<\/strong>&#8216; (3). <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"2536\" height=\"1536\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-the-Table-Header-Background-Color.png\" alt=\"\" class=\"wp-image-1912\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-the-Table-Header-Background-Color.png 2536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-the-Table-Header-Background-Color-300x182.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-the-Table-Header-Background-Color-1024x620.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-the-Table-Header-Background-Color-768x465.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-the-Table-Header-Background-Color-1536x930.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-the-Table-Header-Background-Color-2048x1240.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-the-Table-Header-Background-Color-18x12.png 18w\" sizes=\"auto, (max-width: 2536px) 100vw, 2536px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\u00c4ndern der Hintergrundfarbe der geraden Tabellenzeilen<\/h3>\n\n\n\n<p>W\u00e4hlen Sie den gesamten Tableberg-Block aus, indem Sie auf das Symbol <strong>Tischberg-Symbol<\/strong> (1). Klicken Sie dann auf das <strong>Registerkarte \"Stile<\/strong> (2) im Optionsfeld auf der rechten Seite. Und schlie\u00dflich \u00e4ndern Sie die Farbe von '<strong>Hintergrundfarbe f\u00fcr gerade Zeilen<\/strong>&#8216; (3). <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"628\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-Table-Even-Row-Background-Color-1024x628.png\" alt=\"\" class=\"wp-image-1913\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-Table-Even-Row-Background-Color-1024x628.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-Table-Even-Row-Background-Color-300x184.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-Table-Even-Row-Background-Color-768x471.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-Table-Even-Row-Background-Color-1536x942.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-Table-Even-Row-Background-Color-2048x1256.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-Table-Even-Row-Background-Color-18x12.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\u00c4ndern der Hintergrundfarbe der ungeraden Tabellenzeilen<\/h3>\n\n\n\n<p>W\u00e4hlen Sie den gesamten Tableberg-Block aus, indem Sie auf das Symbol <strong>Tischberg-Symbol<\/strong> (1). Klicken Sie dann auf das <strong>Registerkarte \"Stile<\/strong> (2) im Optionsfeld auf der rechten Seite. Und schlie\u00dflich \u00e4ndern Sie die Farbe von '<strong>Ungerade Zeile Hintergrundfarbe<\/strong>&#8216; (3). <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"682\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-the-Table-Odd-Row-Background-Color-1024x682.png\" alt=\"\" class=\"wp-image-1914\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-the-Table-Odd-Row-Background-Color-1024x682.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-the-Table-Odd-Row-Background-Color-300x200.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-the-Table-Odd-Row-Background-Color-768x512.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-the-Table-Odd-Row-Background-Color-1536x1023.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-the-Table-Odd-Row-Background-Color-2048x1364.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-the-Table-Odd-Row-Background-Color-18x12.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\u00c4ndern der Hintergrundfarbe der Tabellenfu\u00dfzeile<\/h3>\n\n\n\n<p>(Stellen Sie sicher, dass Ihr Tisch eine <a href=\"https:\/\/tableberg.com\/de\/wie-man-eine-fuszeile-zu-einer-tabelle-in-wordpress-hinzufugt\/\" target=\"_blank\" rel=\"noreferrer noopener\">Fu\u00dfzeilenbereich<\/a>)<\/p>\n\n\n\n<p>W\u00e4hlen Sie den gesamten Tableberg-Block aus, indem Sie auf das Symbol <strong>Tischberg-Symbol<\/strong> (1). Klicken Sie dann auf das <strong>Registerkarte \"Stile<\/strong> (2) im Optionsfeld auf der rechten Seite. Und schlie\u00dflich \u00e4ndern Sie die Farbe von '<strong>Hintergrundfarbe der Fu\u00dfzeile<\/strong>&#8216; (3). <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"684\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-the-Table-Footer-Backgroud-Color-1-1024x684.png\" alt=\"\" class=\"wp-image-1916\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-the-Table-Footer-Backgroud-Color-1-1024x684.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-the-Table-Footer-Backgroud-Color-1-300x200.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-the-Table-Footer-Backgroud-Color-1-768x513.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-the-Table-Footer-Backgroud-Color-1-1536x1026.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-the-Table-Footer-Backgroud-Color-1-2048x1367.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-the-Table-Footer-Backgroud-Color-1-18x12.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Das war's. So k\u00f6nnen Sie die Hintergrundfarbe der mit dem Tableberg-Plugin erstellten Tabelle \u00e4ndern. <\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Schlussfolgerung<\/h2>\n\n\n\n<p>Hoffentlich k\u00f6nnen Sie jetzt die Hintergrundfarben Ihrer Tabellen in WordPress jederzeit anpassen. Aber denken Sie daran, dass manche Farben die Augen der Leserinnen und Leser \u00fcberfordern und ihre Lesbarkeit beeintr\u00e4chtigen.&nbsp;<\/p>\n\n\n\n<p>Und wenn Sie nicht die richtigen Kontrastfarben verwenden, kann dies auch die Lesbarkeit der Tabelle beeintr\u00e4chtigen. Ich hoffe, Sie werden diese Punkte beim \u00c4ndern der Hintergrundfarbe Ihrer Tabelle beachten.&nbsp;<\/p>\n\n\n<div class=\"wp-block-ub-social-share\" id=\"ub-social-share-199afaf3-25fb-467f-88ab-858b8831abda\">\n\t\t\t<div class=\"social-share-icons align-icons-center orientation-icons-row\"><a aria-label=\"Facebook-Logo\" target=\"_blank\" rel=\"nofollow\" href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Ftableberg.com%2Fde%2Fhow-to-change-table-background-color-in-wordpress%2F&amp;title=How%20to%20Change%20Table%20Background%20Color%20in%20WordPress\" class=\"ub-social-share-facebook-container\" style=\"border-color: #1877f2; background-color: transparent; box-shadow: none; \">\n\t\t\t\t<span class=\"social-share-icon ub-social-share-facebook\" style=\"width: 30px; height: 30px; \"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"fill:#1877f2\" fill=\"#1877f2\" width=\"20\" height=\"20\" viewbox=\"0 0 264 512\"><path d=\"M76.7 512V283H0v-91h76.7v-71.7C76.7 42.4 124.3 0 193.8 0c33.3 0 61.9 2.5 70.2 3.6V85h-48.2c-37.8 0-45.1 18-45.1 44.3V192H256l-11.7 91h-73.6v229\"><\/path><\/svg><\/span><span style=\"\">Aktie<\/span>\n\t\t\t<\/a><a aria-label=\"Twitter-Logo\" target=\"_blank\" rel=\"nofollow\" href=\"http:\/\/twitter.com\/intent\/tweet?url=https%3A%2F%2Ftableberg.com%2Fde%2Fhow-to-change-table-background-color-in-wordpress%2F&amp;text=How%20to%20Change%20Table%20Background%20Color%20in%20WordPress\" class=\"ub-social-share-twitter-container\" style=\"border-color: #1d9bf0; background-color: transparent; box-shadow: none; \">\n\t\t\t\t<span class=\"social-share-icon ub-social-share-twitter\" style=\"width: 30px; height: 30px; \"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"color:#1d9BF0\" fill=\"#1d9BF0\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\"><path d=\"M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584l-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z\"><\/path><\/svg><\/span><span style=\"\">tweet<\/span>\n\t\t\t<\/a><a aria-label=\"linkedin-logo\" target=\"_blank\" rel=\"nofollow\" href=\"https:\/\/www.linkedin.com\/sharing\/share-offsite\/?url=https%3A%2F%2Ftableberg.com%2Fde%2Fhow-to-change-table-background-color-in-wordpress%2F\" class=\"ub-social-share-linkedin-container\" style=\"border-color: #2867b2; background-color: transparent; box-shadow: none; \">\n\t\t\t\t<span class=\"social-share-icon ub-social-share-linkedin\" style=\"width: 30px; height: 30px; \"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"fill:#2867b2\" fill=\"#2867b2\" width=\"20\" height=\"20\" viewbox=\"0 0 448 512\"><path d=\"M100.3 480H7.4V180.9h92.9V480zM53.8 140.1C24.1 140.1 0 115.5 0 85.8 0 56.1 24.1 32 53.8 32c29.7 0 53.8 24.1 53.8 53.8 0 29.7-24.1 54.3-53.8 54.3zM448 480h-92.7V334.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V480h-92.8V180.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V480z\"><\/path><\/svg><\/span><span style=\"\">Aktie<\/span>\n\t\t\t<\/a><a aria-label=\"pinterest-logo\" target=\"_blank\" rel=\"nofollow\" href=\"https:\/\/pinterest.com\/pin\/create\/button\/?&amp;url=https%3A%2F%2Ftableberg.com%2Fde%2Fhow-to-change-table-background-color-in-wordpress%2F&amp;description=How%20to%20Change%20Table%20Background%20Color%20in%20WordPress&amp;media=https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Create-a-Comparison-Table-in-WordPress-1024x404.png\" class=\"ub-social-share-pinterest-container\" style=\"border-color: #e60023; background-color: transparent; box-shadow: none; \">\n\t\t\t\t<span class=\"social-share-icon ub-social-share-pinterest\" style=\"width: 30px; height: 30px; \"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"fill:#e60023\" fill=\"#e60023\" width=\"20\" height=\"20\" viewbox=\"0 0 384 512\"><path d=\"M204 6.5C101.4 6.5 0 74.9 0 185.6 0 256 39.6 296 63.6 296c9.9 0 15.6-27.6 15.6-35.4 0-9.3-23.7-29.1-23.7-67.8 0-80.4 61.2-137.4 140.4-137.4 68.1 0 118.5 38.7 118.5 109.8 0 53.1-21.3 152.7-90.3 152.7-24.9 0-46.2-18-46.2-43.8 0-37.8 26.4-74.4 26.4-113.4 0-66.2-93.9-54.2-93.9 25.8 0 16.8 2.1 35.4 9.6 50.7-13.8 59.4-42 147.9-42 209.1 0 18.9 2.7 37.5 4.5 56.4 3.4 3.8 1.7 3.4 6.9 1.5 50.4-69 48.6-82.5 71.4-172.8 12.3 23.4 44.1 36 69.3 36 106.2 0 153.9-103.5 153.9-196.8C384 71.3 298.2 6.5 204 6.5z\"><\/path><\/svg><\/span><span style=\"\">Stift<\/span>\n\t\t\t<\/a><a aria-label=\"reddit-logo\" target=\"_blank\" rel=\"nofollow\" href=\"http:\/\/www.reddit.com\/submit?url=https%3A%2F%2Ftableberg.com%2Fde%2Fhow-to-change-table-background-color-in-wordpress%2F&amp;title=How%20to%20Change%20Table%20Background%20Color%20in%20WordPress\" class=\"ub-social-share-reddit-container\" style=\"border-color: #ff4500; background-color: transparent; box-shadow: none; \">\n\t\t\t\t<span class=\"social-share-icon ub-social-share-reddit\" style=\"width: 30px; height: 30px; \"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"fill:#ff4500\" fill=\"#ff4500\" width=\"20\" height=\"20\" viewbox=\"0 0 512 512\"><path d=\"M440.3 203.5c-15 0-28.2 6.2-37.9 15.9-35.7-24.7-83.8-40.6-137.1-42.3L293 52.3l88.2 19.8c0 21.6 17.6 39.2 39.2 39.2 22 0 39.7-18.1 39.7-39.7s-17.6-39.7-39.7-39.7c-15.4 0-28.7 9.3-35.3 22l-97.4-21.6c-4.9-1.3-9.7 2.2-11 7.1L246.3 177c-52.9 2.2-100.5 18.1-136.3 42.8-9.7-10.1-23.4-16.3-38.4-16.3-55.6 0-73.8 74.6-22.9 100.1-1.8 7.9-2.6 16.3-2.6 24.7 0 83.8 94.4 151.7 210.3 151.7 116.4 0 210.8-67.9 210.8-151.7 0-8.4-.9-17.2-3.1-25.1 49.9-25.6 31.5-99.7-23.8-99.7zM129.4 308.9c0-22 17.6-39.7 39.7-39.7 21.6 0 39.2 17.6 39.2 39.7 0 21.6-17.6 39.2-39.2 39.2-22 .1-39.7-17.6-39.7-39.2zm214.3 93.5c-36.4 36.4-139.1 36.4-175.5 0-4-3.5-4-9.7 0-13.7 3.5-3.5 9.7-3.5 13.2 0 27.8 28.5 120 29 149 0 3.5-3.5 9.7-3.5 13.2 0 4.1 4 4.1 10.2.1 13.7zm-.8-54.2c-21.6 0-39.2-17.6-39.2-39.2 0-22 17.6-39.7 39.2-39.7 22 0 39.7 17.6 39.7 39.7-.1 21.5-17.7 39.2-39.7 39.2z\"><\/path><\/svg><\/span><span style=\"\">Beitrag<\/span>\n\t\t\t<\/a><a aria-label=\"tumblr-logo\" target=\"_blank\" rel=\"nofollow\" href=\"https:\/\/www.tumblr.com\/widgets\/share\/tool?canonicalUrl=https%3A%2F%2Ftableberg.com%2Fde%2Fhow-to-change-table-background-color-in-wordpress%2F&amp;title=How%20to%20Change%20Table%20Background%20Color%20in%20WordPress\" class=\"ub-social-share-tumblr-container\" style=\"border-color: #001935; background-color: transparent; box-shadow: none; \">\n\t\t\t\t<span class=\"social-share-icon ub-social-share-tumblr\" style=\"width: 30px; height: 30px; \"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"fill:#001935\" fill=\"#001935\" width=\"20\" height=\"20\" viewbox=\"0 0 320 512\"><path d=\"M309.8 480.3c-13.6 14.5-50 31.7-97.4 31.7-120.8 0-147-88.8-147-140.6v-144H17.9c-5.5 0-10-4.5-10-10v-68c0-7.2 4.5-13.6 11.3-16 62-21.8 81.5-76 84.3-117.1.8-11 6.5-16.3 16.1-16.3h70.9c5.5 0 10 4.5 10 10v115.2h83c5.5 0 10 4.4 10 9.9v81.7c0 5.5-4.5 10-10 10h-83.4V360c0 34.2 23.7 53.6 68 35.8 4.8-1.9 9-3.2 12.7-2.2 3.5.9 5.8 3.4 7.4 7.9l22 64.3c1.8 5 3.3 10.6-.4 14.5z\"><\/path><\/svg><\/span><span style=\"\">Aktie<\/span>\n\t\t\t<\/a><\/div>\n\t\t<\/div>\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>","protected":false},"excerpt":{"rendered":"<p>By default, WordPress tables are created with a transparent background. But you might want to change the table background according to your website design and stylization needs. This can help you create a cohesive visual identity, improving readability, and user experiences. This article will explain two easy methods on how to change the background color [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":6432,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[10,11,9],"class_list":["post-301","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","tag-customize-table","tag-table-block","tag-tableberg"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Create-a-Comparison-Table-in-WordPress.png","author_info":{"display_name":"Istiak Rayhan","author_link":"https:\/\/tableberg.com\/de\/author\/wpx_irayhan\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/posts\/301","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/comments?post=301"}],"version-history":[{"count":9,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/posts\/301\/revisions"}],"predecessor-version":[{"id":6440,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/posts\/301\/revisions\/6440"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/media\/6432"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/media?parent=301"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/categories?post=301"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/tags?post=301"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}