How do I change the table style to have stripes in WordPress?

To format your table with stripes, first click on the table block to be modified. Click on the table icon, the leftmost icon in the block editor toolbar, and select Styles > Stripes:

transform to columns option

Alternatively, the style can be changed in the block settings panel on the right sidebar by going to Settings > Block > Styles > Stripes:

Table stripes option

To add a light-grey border around your table, you can add an additional CSS class. To do this, first click on the table block to be modified. Click on the rightmost icon in the block editor toolbar, and select Advanced. Under Additional CSS class(es), type in caen-table-1:

Additional CSS class(es) blank

To fix the width of each column in your table, select the block and navigate to Table Settings. Toggle on the fixed width table cells option.

Details

Article ID: 5495
Created
Wed 5/5/21 3:11 PM
Modified
Tue 7/18/23 9:56 AM