Hi,
thanks for your post, and sorry for the trouble.
Can you please post a link to the page with the table where this problem happens, so that I can take a direct look? Thanks!
Regards,
Tobias
Hi,
thanks for the link!
It looks like you are trying to change the color of the first row, the header row? For that, you’d need slightly different CSS code, see https://tablepress.org/faq/change-background-color-table-head-row/
In addition there seem to be some extra } in your “Custom CSS”, and we can actually optimize it a bit, by merging selectors.
In summary, please try this as your “Custom CSS”:
.tablepress-id-1 thead th {
background-color: #004979;
color: #FFFFFF;
}
.tablepress-id-1 .column-3,
.tablepress-id-1 .column-4,
.tablepress-id-1 .column-5,
.tablepress-id-1 .column-6 {
text-align: center;
}
Regards,
Tobias
Thanks a lot man, it worked! Is there a way to add an universal code that centers these columns for every table on a website?
Hi,
sure! You could use .tablepress instead of .tablepress-id-1 in the CSS code. That way, the command will apply to all TablePress tables on the site.
Regards,
Tobias