Centering Text on Merged Rows

Hi,

thanks for your post, and sorry for the trouble.

This is possible using CSS code. For example, add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

.tablepress-id-123 .row-1 td,
.tablepress-id-123 .row-2 td,
.tablepress-id-123 .row-4 td,
.tablepress-id-123 .row-6 td,
.tablepress-id-123 .row-8 td,
.tablepress-id-123 .row-10 td {
  text-align: center;
}

(where 123 needs to be changed to the correct table ID).

Regards,
Tobias

Thanks! That worked, except for row 1, which is not merged. Does that need a different code?

Hi,

is row 1 the table header row?
Then, please use

.tablepress-id-123 .row-1 th,

as the first line of the code. (Note the th instead of td.)

Regards,
Tobias

Thank you! That solved the problem. One more question: the first column seems to be wider than the second. Is this because of my theme (Twenty Seventeen)? How do I make the 2 columns the same width?

Hi,

that’s good to hear! The width is probably different because the content in the columns has different length.
To make it the same (for a two-column table), try adding this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

.tablepress-id-123 th,
.tablepress-id-123 td {
  width: 50%;
}

Regards,
Tobias