Hi Andy,

Try this CSS selector, you should be able to use it to add any styles to your filters section :

.wpDataTablesWrapper .wpDataTableFilterSection {
   color : red !important;
    
}

If you want this in only one table, add it to this table's Customize/Custom CSS;

Or if you want all your tables to have a style applied, add this in the Plugin's global/main settings/Custom JS and CSS/Custom CSS.

I hope it helps.

Hi Andy,

You're right. The CSS I sent was when the filters are set above the table, but here you are using them in the Table's header, so we will try a different solution.

I found the Page of one of your Tables, so here is what you can try.

For any text filter, please try this one :

.wpdt-c.wdt-skin-aqua .wpDataTablesWrapper table.wpDataTable thead th input.text_filter {
    color: white !important;
}

This seems to be working well on that League filter and others, such as "Home", "away" etc:

For the Date filters :

This one is for the "From" date :

.wpdt-c.wdt-skin-aqua .wpDataTablesWrapper table.wpDataTable thead th input.date-range-filter:first-child {
    color: white !important;
}

This one for the "to" date range :

.wpdt-c.wdt-skin-aqua .wpDataTablesWrapper table.wpDataTable thead th input.date-range-filter {
    color: white !important;
}

And this for numeric filters in the Header :

.wpdt-c.wdt-skin-aqua .wpDataTablesWrapper table.wpDataTable thead th input.number_filter {
    color: white !important;
}

That should cover all of them.

If you need a specific text color in the Filter as header row only in one Table, add this to that table's Customize/Custom CSS;

or if you wish all tables which have filters in the header to get the same style - add it to the main Plugin settings/Custom JS and CSS/Custom CSS.

Let me know how it goes.