TH background / font color

Hi,

thanks for your question, and sorry for the trouble.

Just a small typo, from what I can see. the ! has to go in front of the important;
Please try again with

.tablepress thead th {
	background-color: #FF0000 !important;
	color: #ff0000;
}

.tablepress {
	width: auto;
	margin: 0 auto 1em;
}

.tablepress-id-1 tbody td {
	font-family: Tahoma;
	font-size: 14px;
	color: #000000;
}

Also, as you are not using any of the individual functions, you should turn off the DataTables JS library for this table entirely, by unchecking the “Use DataTables” checkbox on the table’s “Edit” screen.

Regards,
Tobias

Thank you for your quick reply. Please, no apology is necessary. I’m sure it’s completely my mistake.

It appears the only background color the header will accept is FF0000. Nothing else works. If I change it to FFFFFF it also changes the font color to white. If the background color is FF0000 then the font color changes to 000000. (And it generally just changes to FF0000 randomly now.

Here’s the code:

.tablepress thead th {
	background-color: #FFFFFF !important;
	color: #000000;
}

.tablepress {
	width: auto;
	margin: 0 auto 1em;
}

.tablepress-id-1 tbody td {
	font-family: Tahoma;
	font-size: 14px;
	color: #000000;
}

And here is what it’s doing

Red background (though the code specifies to make it white), black lettering which IS correct, but only until the background isn’t red any more, then it’ll go back to being white.) And the table’s still not centered.

Is this a conflict with CSS in the theme itself?

Thank you for your patience.

Best,

Hi,

I can’t really reproduce those issues with the color. When I change them e.g. with the Google Chrome Developer Tools, other colors work just fine.
That “changes randomly” could indicate some browser caching issues, so maybe you’ll have to clear that cache.

For the centering: That’s indeed a problem with the theme. It’s using a page template where the content area is floating on the left and where the width is stretching according to the content.
Can you maybe choose a different “Page Template” on the page’s “Edit” screen?

Regards,
Tobias