Column Heading – Color

I found where you specify how to change the column heading color (very helpful), but also want to change the color when the column is highlighted. I entered this code, but the latter is not working.

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

.row-hover tr:hover td {
background-color: #bbc695;
}

It is still a bright blue when I place my cursor over the column heading.

Thank you@

Hi,

thanks for your question!

You can find the necessary code for this (you are already very close) in the answer to the question “How can I change the color used for highlighting hovered rows?” in the TablePress FAQ at https://tablepress.org/faq/

Regards,
Tobias

HI again,

wait, after re-reading your question, is sounds as if you want to highlight the column (and not the row) when it is hovered (or when it is sorted upon)?! I’m confused, I guess… ?? Could you please explain in more detail what exactly you want to change?

Regards,
Tobias

Wow – thanks for responding so quickly. Sorry for the confusion.

Yes – I want to change the color of the column when you hover over it.

Thanks!

Hi,

thanks for the explanation!

Unfortunately, that’s not possible right now ?? The reason for that is the HTML structure of a table: Basically, “cells (td)” are children of “rows (tr)”, which again are children of the “table body (tbody)”, which are children of the “table (table)”. There is no real HTML element “column”, and therefore it can not be addressed in CSS code, e.g. to apply a color, when it is hovered.
To achieve something like this, you would therefore need some custom JavaScript code, that registers when a cell is hovered, and then applies some styling to the cells that are in the same column – and that removes that styling again, when a different cell is hovered.

Regards,
Tobias

How do I change the blue highlight color? it is not the same as the hover color, i dont see any info on that? the default is electric blue. thanks

Hi,

thanks for your question, and sorry for the trouble.

Have you tried the various examples for the background colors of rows/cells in the TablePress FAQ at https://tablepress.org/faq/ ? That should actually cover all colors.
Otherwise, 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