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

How do I add the code so that it only relates to this one table not globally to all of the tables I have created for our website.

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

this is GREAT!! im almost there.
ive cut the chart to 3 column but the center column in not truly CENTERED, why?

screenshot:
https://www.dropbox.com/s/ufmsrstgu658cza/3-columns.png?dl=0

drew

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

i dont like how that looks now… ill just go back to the last version.

screen shot
https://www.dropbox.com/s/vitc9cvigo3xx9y/3b-columns.png?dl=0

drew

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