Font Color now showing in table

Hi,

thanks for your post, and sorry for the trouble.

I just checked that page, and from what I can see, the CSS code

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

(which contains a command for the color) works just fine. Just change the color as desired.

Regards,
Tobias

Thanks Tobias.

I’ve added the following formatting to the table at https://www.urlgone.com/a8fc61/

.tablepress thead th {
background-color: #20B2AA;
color: #FFFF00;
}

However, the text formatting colour doesn’t show. Could this be an issue with the template ?

Thanks.

Hi,

for the table head row, you’ll indeed need a slight change in the code, due to how the theme works. Please try again with

.entry-content .tablepress thead th {
  background-color: #20B2AA;
  color: #FFFF00;
}

Regards,
Tobias

Tobias. It works great. You’re a genius ! thanks

Hi,

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

Best wishes,
Tobias

hi there und Hallo ??

i am also having trouble changing some things since the theme is probably overruling the action. specifically the font family, font color.
i tried the !important rule – but it does not seem to work.

this is what i like to use:
font-family: ‘IM Fell Great Primer’, ‘serif’;
font-size: 14px;
color: #ffffff;

ALSO: is there any chance to alter the lines of the cells?
in my case i would like to change the line below each cell to a dotted line and change that color aswell

any idea?
thanks in advance

Hi,

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

For the lines, something like this should work:

.tablepress-id-123 tbody td {
  border: none;
  border-bottom: 1px dotted #ff0000;
}

Regards,
Tobias

Hi Tobias,
thanks for getting back so quick!

here is the page: https://richblack.de/dates/

as you probably will see i also tried the dotted line css – but it seems – like the other codes to be overruled by the theme…

thanks in advance for looking.
my best regards

Hi,

thanks for the link!

No, everything will actually work fine ?? You will just have to adjust the table ID in the CSS code, i.e. change the N and the 123 to the ID of your table 2. (Or, if you want to apply this to all tables at once, just remove the -id-N and -id-123 parts from the code.)

Regards,
Tobias

SUPER. Danke für die schnelle Hilfe!
That worked like a charm – thanks for the quick response!
and thanks for this plug-in!!

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!