Change color of “Show ## Entries” and “Search” Text

Hi,

thanks for your post, and sorry for the trouble.

For this, you could add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

.dataTables_lengthchange,
.dataTables_filter {
  color: #ffffff;
}

Regards,
Tobias

Tobias,
Thank you for helping me with this issue. I inserted the code that you suggested into the “Custom CSS” text area on the “Plugin Options” screen. Unfortunately, after I execute the Save and update, nothing seems to change in the table, the words are still black. My page already has a few Custom CSS commands added that all work properly, so, I’m not quite sure why this particular command doesn’t work.

The table that I’m asking about is located on my website:
https://iconicnorwich.org/ Username: guest Password: guest
on the “Media Library” page. Please feel free to take a look

If you look at the page, you’ll see that the words “SHOW ENTRIES” and “SEARCH” above table are black. And, so is the word “Next” located beneath the table.

Oh, I did try erasing ALL CSS custom commands, except the new one, just to see if any of the previous commands were interfering with the new commands. But … the letters remain black even if that is the only CSS custom command.

Any ideas??

Thanks,
Bob

try to add label selector after classes like:

.dataTables_lengthchange label,
.dataTables_filter label {
color: #ffffff;
}

Thanks,

.dataTables_lengthchange label,
.dataTables_filter label {
color: #ffffff;
}
The above code worked perfectly for the SEARCH box.
But it had no affect on … the “SHOW ENTRIES” text. That text is still black.

Any more suggestions?

Hi,

thanks for the link! That helps a lot! Also thanks to tritongr, who points us in the right direction. I just had a small error in my first piece of code. Please try again with

.dataTables_length label,
.dataTables_filter label {
  color: #ffffff;
}

Your other CSS code should not interfere here, so that you can keep.

Regards,
Tobias

That fixed it. It all works properly now, and, looks great.

Thank you Tobias and tritongr!

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!