CSS formatting of cells

Hi,

thanks for your post, and sorry for the trouble.

From what I can see, there’s some extra CSS that is adding that formatting. 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

It’s actually a secure portion of the site, can I connect with you by email and I can send you the login?

Hi,

yes, then please send me an email (the address is in the main plugin file “tablepress.php”).

Regards,
Tobias

Hi Rick,

thanks for the email with the details. I was now able to take a look.

From what I can see, this is indeed caused by some CSS, namely in the style.css of your theme. There, you can find this near the bottom:

.mycustomtable tfoot tr th {
    background: #eee !important;
    padding: 15px !important;
}
.mycustomtable thead th {
    background: #207943;
    color: #fff;
}
.mycustomtable tbody tr.row-2 td {
    background: #DAF0E3 !important;
}

As you have given the CSS class mycustomtable as an “Extra CSS class” to that TablePress table, this CSS will also apply there.
The first block of this snippet is responsible for the changes in the last row. The fix there would therefore be to turn off the “Table Footer” checkbox on the “Edit” screen of that table.
The green background of the second row is caused by the third block of code in this snippet.

Unless you are using those changes in other tables, you could remove this entire block of CSS, or no longer give the mycustomtable CSS class to the affected TablePress tables.

Regards,
Tobias

Thank you! Here’s the problem, I have only 2 tables where I don’t want this formatting. Is there a way to remove this custom formatting from only those two tables? Tables are: Reservation Chart and 25 Club Template.

In these 2 tables the header row needs to stay the dark forest green, however the 2nd row would not need the light green.

Hi,

in that case, the easiest way should be to simply remove mycustomtable from the “Extra CSS classes” textfield of these two tables and then to add this to the “Custom CSS” (either in the TablePress “Plugin Options” or in your theme):

.tablepress-id-123 thead th,
.tablepress-id-456 thead th {
    background: #207943;
    color: #fff;
}

Just change the 123 and the 456 to the IDs of those two tables.

Regards,
Tobias