Trying to change the header row color

Hi,

thanks for your question, and sorry for the trouble.

That code only works when the “Table Head” checkbox on the table’s “Edit” screen is enabled, which does not seem to be the case for the three tables on the page from your link.
You could either activate that, or try this “Custom CSS” instead:

.tablepress .row-1 td {
  color: #b80909;
}

(I’d recommend turning the checkbox on though, as that would be more semantically correct, and leaves the option to have tables without a colored top row.)

Regards,
Tobias

Thanks, I’ve tried it turning the “table head” checkbox on, and then turning the background-color to white without problem:

.tablepress-id-10 thead th {
	color: #986007;
	background-color: #ffffff;
}

but curiously the text color remains unchanged!

Regards,
Juanjo

Hi,

good to hear that this helped! The problem with the text color is caused by the extra HTML, i.e. you are placing an <h3> heading in the cell. That’s not a good idea.

Instead, you should place just the text in the table head (without the <center> and without the <h3>) and then style the font size with CSS as well, e.g.

.tablepress-id-10 thead th {
	color: #986007;
	background-color: #ffffff;
	font-size: 22px;
	text-align: center;
}

Regards,
Tobias

Great! that was the problem, thank you very much !!

Hi,

no problem, you are very welcome! ?? Good to hear that this helped!

Best wishes,
Tobias

P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!