Support » Plugin: TablePress » Change font color in top row but not color of arrows

  • Resolved useitz

    (@useitz)


    Hi Tobias,

    I am building a table with your plugin and think you are really doing great work!

    As I am adjusting the table I would like to set a different color for the text in the top row than the arrows – I know that is difficult because the arrows are actually text but maybe you have an idea?

    The reason behind it is that I would like to create transparent text in the header row, because I don’t want the text in the header row – but I need it in the filter widgets to categorize the filter…

    Another possibility to do this would be to create a placeholder within the filter widget like you are doing this within the search bar.
    “language”: { “search”: “”, “searchPlaceholder”: “Search…” }

    I would appreciate your help a lot!

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    Unfortunately, creating a placeholder in the widgets is not possible. So, going with that transparent text color is a good idea. To achieve that, please add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    .tablepress-id-123 thead th {
    	color: transparent;
    }
    .tablepress-id-123 thead th:after {
    	color: #000000;
    }

    where 123 is the ID of the table.

    Regards,
    Tobias

    Thanks a lot, works like a charm!

    Plugin Author TobiasBg

    (@tobiasbg)

    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!

    Hi, I just left a review!
    And I have another question: is it possible to change the type of arrows for sorting to be similar like here: https://a-g-i.org/members/?

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    unfortunately, it’s not that easy to change the type of the arrows. They are basically loaded from an icon web font, so that you would have to load that other web font in the page as well and then modify the CSS.

    Regards,
    Tobias

Viewing 5 replies - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.