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

  • Resolved rojozia

    (@rojozia)


    5 years, 2 months ago

    Above my table there is a “SHOW [box] ENTRIES” and a “SEARCH” [box] shown. I would like to change the color of the font for the words “SHOW ENTRIES” and “SEARCH” to the color white. I’m guessing that these fields are part of a ‘search’ widget or ‘show number of entries widget’, and, I need to change the color inside that widget, but … I can’t figure it out. Any help would be appreciated.

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author Tobias Bäthge

    (@tobiasbg)

    5 years, 2 months ago

    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

    Thread Starter rojozia

    (@rojozia)

    5 years, 2 months ago

    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

    tritongr

    (@tritongr)

    5 years, 2 months ago

    try to add label selector after classes like:

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

    (@rojozia)

    5 years, 2 months ago

    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?

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    5 years, 2 months ago

    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

    Thread Starter rojozia

    (@rojozia)

    5 years, 2 months ago

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

    Thank you Tobias and tritongr!

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    5 years, 2 months ago

    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!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Change color of “Show ## Entries” and “Search” Text’ is closed to new replies.