Columns not aligning

Hi,

thanks for your post, and sorry for the trouble.

Essentially, you would have to set column widths for the tables, so that the columns have the same width and then align. See https://tablepress.org/faq/column-widths/

Indeed, would be easier to create this as one big table, and yes, you can then change the background colors of these “header” rows in the table, see https://tablepress.org/faq/change-background-color-of-a-row/

Regards,
Tobias

Hi,

simply use .tablepress-id-123 (with the correct table ID) as the first part of the CSS selector, as shown in those examples. Also see https://tablepress.org/faq/documentation-css-selectors-styling/ for an overview of which CSS classes TablePress uses.

Regards,
Tobias

Hi Drew,

well, nothing is telling it to be centered 🙂 By default, the column widths are calculated by the browser, based on the content in the cells. You’ll instead want to set equal column widths, so that the second column appears centered.

For that, you can use the CSS code

.tablepress-id-123 td {
  width: 33.3%;
}

(with the correct table ID).

Regards,
Tobias

Hi,

you could then maybe add rigth alignment to that column:

.tablepress-id-3 .column-3 {
  text-align: right;
}

Or you could assign different widths to the columns, via the above mentioned FAQ suggestion.

Regards,
Tobias