Tablepress: Change table header’s background colour

Hi,

thanks for your question, 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

Thanks for the reply…

Page link is:
https://www.myfinancialzone.com/administration-jobs/

This is the code I wrote under Plugin Options tab –> Custom CSS field:

.tablepress-id-3 .column-1 {
width: 40px;
border: 1px solid #ffcc00;
}

.tablepress-id-3 .column-2 {
width: 150px;
border: 1px solid #ffcc00;
}

.tablepress-id-3 .column-3 {
width: 100px;
border: 1px solid #ffcc00;
}

.tablepress-id-3 .column-4 {
border: 1px solid #ffcc00;
}

.tablepress-id-3 .column-5 {
width: 80px;
border: 1px solid #ffcc00;
}

Hi,

thanks for the link!

As your theme adds some CSS code that interferes, we just have to modify the “Custom CSS” a bit:

.entry .tablepress thead th,
.entry .tablepress tfoot th {
  background-color: #ff0000;
}

For the border:
I can see orange borders around every cell, so that’s working. Now I assume that you only want the vertical borders here, but not the horizontal ones, right?

For that, please try this “Custom CSS” instead of what you have now:

.tablepress-id-3 th,
.tablepress-id-3 td {
    border-left: 2px solid #ffcc00;
}
.tablepress-id-3 {
    border: 2px solid #ffcc00 !important;
    border-left: none !important;
}

Or is that not what you wanted?

Regards,
Tobias

Hi,
Both didnt work out ??

Hi,

it’s certainly working for me. The table has a red header row background color and every cell has a border.

Can you maybe try a different browser, or try again after logging-out of WordPress? Or can you post a screenshot of what you are seeing?

Regards,
Tobias

Check the screenshots please:
https://www.myfinancialzone.com/test/

Its working in Firefox but not in Chrome…. Any particular reason?

Hi,

I’m using Chrome and it’s working fine there.

I assume that it’s not working there for you because you are logged-in into WordPress in Chrome and due to that something with caching is different.
You can verify that assumption by trying again after logging out in Chrome or by testing in a Private Browsing session.

Regards,
Tobias