Hi, Tobias.

Could you send me the URL of this front-end page where you have the table,

and if you can please instruct me with a bit more details which colors you would like to be changed exactly?

It seems that you need to change this "gray" text color of the input placeholder, to make it more visible, i guess?

Would you also like to change any background color there, as well?

I can devise some basic CSS for you ,and going to advise you how you can apply it.

If the page or table contains any sensitive details, please send reply as PRIVATE, for safety reasons - then only we can see it.

Thank you.

Hi, Tobias.

Thanks for the acccess.

1. Sticky header is being developed because a lot of users have requested that feature;

so our developers are working to add two options :

- Sticky Header row for vertical scrolling

- Sticky Column

I can't guarantee an exact ETA on them, but our devs should be able to finish both very soon, in one of the upcoming updates.

You can certainly follow our changeLog page if you'd like ( it is also available in the plugin dashboard), where we state any changes/new features/bug fixes during updates;

and our newsletter, so you're informed about new features, bug fixes, freebies, etc.

2. Background of focussed filter field: 

.wpdt-c.wdt-skin-aqua .wpDataTablesWrapper th .text_filter:focus {
    background: red !important;
}

3. Adaption of the Slider-element

I am sorry but i did not understand the goal for this one.

Do you perhaps mean to have the vertical alignment between each Slider and it's Filter label above :

Something like that, or i have missed the mark?

If not, can you elaborate a bit more on that one.

4. To cut the label shorter,

you can use this CSS selector, and change any style properties in order to achieve the best solution you need :

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    display: inline-block;
    overflow: hidden;
    width: 79%;
    text-align: left;
}

I cut the width to 79 per cent, it seems to look better that way

For adding CSS to tables,

if you need it for just one table, add it in table settings/Customise/Custom CSS;

or if you need same style on all tables, you can go to main plugin settings/Custom JS and CSS/Custom CSS.

Let me know if that makes sense.

Additionally, you can check out our basic tutorial for adding CSS on this documentation.

Thank you.

Hi, Tobias.

You're welcome, i am happy to help.

-

In regards to coloring for the Number slider, yes, this turned out to be a tricky task for CSS.

I found some selectors.

For the "min value", you can control the color like this :

.wpdt-c .noUi-handle.noUi-handle-lower {
    
    background-color: #c20000 !important;
}

-

For the max value circle, try this CSS :

.wpdt-c .noUi-handle.noUi-handle-upper {
    background-color: #23c200 !important;
}

-

With this, try to control the tooltip color :

.noUi-tooltip {
    color: brown !important;
}

-

For the color of the slider itself, this line between min and max, that one is the most difficult.

I tried with a  CSS :nth-child() Selector, but no luck.

For that one, we will have to work on adding an option in the future, I'm afraid.

Let me know if this CSS so far at least helps with the "min/max" elements, and if the tooltip color can help?

First try to add this to the table's Customize/Custom CSS,

and if that does not work to override the style, try adding the CSS directly to the WP Page where you have the table.

Custom code needs to be applied to the page where the booking form is. Depending on what you're using (Gutenberg blocks, or some page builder), adding the CSS or JS can be done in a few different ways. 

If you need help with adding custom CSS to the page, please take a look at this article.

-

And if you can be so kind to add a suggestion for our developers to add customization options for coloring of the Number Slider.

Please feel free to search on our suggestions page, 

 to see if someone may be already suggested this feature. If you can't see it, feel free to add your suggestion there,  and as more people vote, the feature will move higher on the priority list.

You can certainly follow our changeLog page if you'd like ( it is also available in the plugin dashboard), where we state any changes/new features/bug fixes during updates;

and our newsletter, so you're informed about new features, bug fixes, freebies, etc.