Change Font Colors

Hi Clare,

thanks for your question, and sorry for the trouble.

The cause for this is that image captions use that gray color in your theme. To change that, please add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

.tablepress .wp-caption-text {
  color: #000000;
}

Regards,
Tobias

Hi, Tobias. It worked great. Thanks so much. I’ve encountered another issue. After I insert the table’s ID code into a page, here’s how the captions look: https://www.capeannpleinair.com/capa-2017-artists/

I would like each artist’s full name on line 1, and their city and state on line 2. As you can see, this isn’t always happening. Is there anything I can do to fix this? Also, how can I make sure each caption is centered under each photo?

Thanks for any help.

Cheers,

Clare

Hi Clare,

to fix all that, please also add this “Custom CSS”:

.tablepress .wp-caption {
	padding: 0;
	margin: 0;
}

Regards,
Tobias

I just did it and now it all looks great. Thanks SO much.

Best,

Clare

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!

I’m attempting to change my font color to black in my table. I’m using the following code and have placed it in the Custom Css page.

See here:

.tablepress-id-2 tbody th td {
color: #000000;
}

However, it fails to take effect. Please advise. Thanks.

Hi,

thanks for your post, and sorry for the trouble.

This CSS syntax is a bit off. To change the text color in both the table head and body rows of your table, please try

.tablepress-id-2 tbody th,
.tablepress-id-2 tbody td {
  color: #000000;
}

Regards,
Tobias

Nope. Didn’t work. See here:https://baileysharborinn.com/rates/

What else can I try to make it work?

Thanks, JT

Hi,

it seems that TablePress was unable to save one of its CSS files, possible due to file access problems. Could you please delete the CSS file /wp-content/tablepress-combined.min.css from your server and then save the “Custom CSS” again?

In addition, please change the code to

.tablepress-id-2 thead th,
.tablepress-id-2 tbody td {
  color: #000000;
}

(I had a tbody in the first line, which needs to be a thead.)

Regards,
Tobias

That partially worked. And only on one browser, Chrome. Not Safari or Firefox. The table data displays in black. However, not the table head.

Further, the table is not responsive to a smartphone size. The entire table fails to display itself on an iPhone 6s. Only partial and a visitor cannot scroll to see the entire table. See here:https://baileysharborinn.com/rates/

Any other ideas?

Hi,

did you really update the CSS code as mentioned above and delete the CSS files from your server? It doesn’t seem so?

Regarding responsiveness, please see https://tablepress.org/extensions/responsive-tables/

Regards,
Tobias

Oops, wrong file removed. I have now removed the tablepress-combined.min.css
from wp-content. The page still only displays the td in black. Not the th. What about the tablepress-custom.min.css file. Does that get removed too.

Hi,

let’s try again. Please delete the three files
/wp-content/tablepress-custom.css
/wp-content/tablepress-custom.min.css
/wp-content/tablepress-combined.min.css
from your server.

Then, please change the “Custom CSS” in TablePress to

.tablepress-id-2 thead th,
.tablepress-id-2 tbody td {
  color: #000000;
}

Regards,
Tobias

I just uploaded your responsive-table plug-in. It’s better now. And it’s responsive. td & th display in black in Chrome, Firefox, and Safari on my desktop. Only the td displays black on my iPhone 6s in Safari & Chrome. Not the th.

Hi,

indeed, now the color is black ?? I assume that the browsers on the phone still see a cached version.

One more thing: On the page’s “Edit” screen, please switch from the “Visual” to the “Text” editor. You will then see HTML tags like <pre> and </pre> around the [table id=2 /] Shortcode. Please remove these HTML tags, as they modify the font face, for example.

Regards,
Tobias