How do I style the table 13 columnfilterwidget?

Hi,

to target the dropdowns, you can use this:

#tablepress-123_wrapper .column-filter-widgets select {
  color: #ff0000;
}

The 123 is the table ID.

Regards,
Tobias

Thank you

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!

Hey Tobias,

I have a related question to the styling of the widget.

I want a tooltip to show as .column-filter-widgets a.filter-term:hover.
The tooltip text is a very simple 1-line text.

Can you help me out?

Thanks!
Andrey

Hi Andrey,

unfortunately I have no idea how one could add a tooltip text to the widgets, sorry ?? The problem here is not the CSS, but more the adding of the actual text.

Regards,
Tobias

Hey Tobias,

I found a few quides of how to do this using HTML and CSS but when I tried applying it to .column-filter-widgets a.filter-term:hover it doesnt work. As far as I understand, it is a matter of changing the visibility of the text and linking this to the hover event. Can you have a look?

Here are the links:

https://www.scientificpsychic.com/etc/css-mouseover.html

https://stackoverflow.com/questions/14149360/text-on-image-mouseover

Cheers,
Andrey

P.S. my donation is on the way btw ??

Hi,

yes, that describes some CSS code that would be helpful here. But as I mentioned above, that is not the problem here.
The problem here is to get the actual text that you want to display when the widget is hovered into the code. That’s not possible right now and would require modifications in the JavaScript code of the ColumnFilterWidgets script…

And thanks for wanting to donate, I really appreciate it!

Regards,
Tobias

I see ?? I thought it was easier to be done.

Thanks anyways.

Cheers,
Andrey

Hi,

no, sorry, it would require many customizations ??

Regards,
Tobias