Change font color in top row but not color of arrows

  • Resolved useitz

    (@useitz)


    4 years, 5 months ago

    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 Tobias B?thge

    (@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

    Thread Starter useitz

    (@useitz)

    Thanks a lot, works like a charm!

    Plugin Author Tobias B?thge

    (@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!

    Thread Starter useitz

    (@useitz)

    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 Tobias B?thge

    (@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)
  • The topic ‘Change font color in top row but not color of arrows’ is closed to new replies.