TH background / font color

Resolved joekoday
(@joekoday)

11 years, 11 months ago
I so hate to bother, but this is driving me nuts. I’ve read through pages of support issues, and while this subject has come up repeatedly, it just isn’t working.

I want to change the TH font color and center the entire table. Here’s what I have in the plug in options:
```
.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;
}
```
Yet nothing I change in those options seems to make any difference. This is the page I’m trying to create:

My site

Can you please steer me in the proper direction and tell me what I’m doing wrong?

Thank you.

https://wordpress.org/plugins/tablepress/

Viewing 3 replies - 1 through 3 (of 3 total)

Plugin Author Tobias Bäthge
(@tobiasbg)

11 years, 11 months ago
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
Thread Starter joekoday
(@joekoday)

11 years, 11 months ago
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,
Plugin Author Tobias Bäthge
(@tobiasbg)

11 years, 11 months ago

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

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘TH background / font color’ is closed to new replies.

Tags