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 in WordPress.
- Method 1: Changing the Background Color of the Default Table Block
- Method 2: Changing the Background Color of the Tableberg Block
Create Beautiful Tables
With Block Editor
Method 1: Using the Default Table Block
Below, you can see a dummy table created with the default WordPress table block. Click the Table icon on the toolbar to select the entire table block.
Come to the Styles tab on the right sidebar. Click the Background option under the Color section. A color box will open up. You may select a Solid or Gradient color.
Once you select a color, you’ll see it’s applied to the background of the table in real-time.
Method 2: Using the Tableberg Plugin
Tableberg is a promising table builder plugin for WordPress. It allows you to add various types of information to the table to make it versatile and able to serve multipurpose objectives.
Unlike the default Table block, Tableberg block lets you change the background colors for header, footer, and rows.
Changing the Table Header Background Color
(Make sure that your table has a header section)
First, select the whole Tableberg block by clicking on the Tableberg icon (1). Then click on the Styles tab (2) from the right-hand side options panel. And finally, change the color from ‘Header Background Color‘ (3).
Changing the Table Even Row Background Color
Select the whole Tableberg block by clicking on the Tableberg icon (1). Then click on the Styles tab (2) from the right-hand side options panel. And finally, change the color from ‘Even Row Background Color‘ (3).
Changing the Table Odd Row Background Color
Select the whole Tableberg block by clicking on the Tableberg icon (1). Then click on the Styles tab (2) from the right-hand side options panel. And finally, change the color from ‘Odd Row Background Color‘ (3).
Changing the Table Footer Background Color
(Make sure that your table has a footer section)
Select the whole Tableberg block by clicking on the Tableberg icon (1). Then click on the Styles tab (2) from the right-hand side options panel. And finally, change the color from ‘Footer Background Color‘ (3).
That’s it. This is how you can change the background color of the table created with the Tableberg plugin.
Conclusion
Hope you can now customize the background colors of your tables in WordPress anytime you want. But remember some colors cause an eye-screaming effect on readers’ eyes and disturb their readability scores.
Plus, if you fail to use proper contrasting colors, this can also decrease the readability score. Hope you’ll keep these points in mind while changing the background color of your table.
