Quick Answer
Open the table in the builder, go to the Settings tab and expand Background. On the General tab set Header Background, Odd Row Background and Even Row Background (for striped rows). On the Hover tab set the colors rows change to when visitors point at them. Click Save. These table-wide background settings are free. Row and single-cell backgrounds need Pro.
Background colors make a table easier to scan. A colored header marks the column names, and alternating (zebra) row colors help readers follow a row across the table.
Requirements #
| Item | Details |
|---|---|
| Plan | Free (header, odd, even and hover) and Pro (row and cell backgrounds) |
| Time needed | About 1 minute |
Step 1: Open the Background settings #
- Open the table in the builder and click the Settings tab.
- Expand Background, or type
backgroundin Search settings.
Step 2: Set the colors #
| Setting | Where it applies |
|---|---|
| Header Background | The first row |
| Odd Row Background | Rows 1, 3, 5 and so on (below the header) |
| Even Row Background | Rows 2, 4, 6 and so on |
| Hover tab | The background a row shows when a visitor’s mouse is over it |
Click a color box to pick a color or enter a hex code. Click the reset arrow next to a setting to remove it. Click Save.
Row and cell backgrounds (Pro) #
- One row: select a cell in the row, expand Row & Column Control and set Row Background.
- One cell: select the cell, expand Cell Control and set Cell Background. See How To Change Single Cell Background Color (PRO).
- Remove all cell backgrounds: click Clear Backgrounds in the Tools section.
Row and cell colors override the table-wide colors.
Frequently asked questions #
How do I change the header color of a table in WordPress?
In WP Table Builder, open the Settings tab, expand Background and set Header Background. Click Save.
How do I make striped (zebra) rows?
Set different colors for Odd Row Background and Even Row Background in the Background section.
I set a header color but the header did not change. Why?
A cell or row background is overriding it. Select a header cell and reset its Cell Background, or use Clear Backgrounds in Tools.
