background DataTables Column Filter

Hi Jeroen,

thanks for your question.

Can you please point me to one of the “filter options” that you want to change, so that I can find the best code for it? Thanks!

Regards,
Tobias

of course!
opleidensnel

Hi,

thanks! Now, I’m still confused as to what exactly you want to style here… The drop down list are gray by default (depending on the browser), so what is it that you want to style?

Regards,
Tobias

How can I explain this?
hmmm.
I would like the background of all filter options together give one color with a black border.
so it seems that they are in one box.

I hope this explanation clarifies my intension

Hi,

no, sorry, I’m still not getting this ??
Can you maybe create a screenshot or picture of how you want this to look?

Regards,
Tobias

I have a border made where the background should be.

image

i hope this helps

Hi,

ah, ok. Now I understand. ??

How’s this “Custom CSS”?:

.column-filter-widgets {
  background-color: #cccccc;
}

Regards,
Tobias

Hi tobias,
Now that the background is made.
I want to make visitors clear what they can do with the filters.
I wanted to place text above the filter in the background color we maked.

Is that possible?

THX

Hi,

sorry, I’m not aware of a nice automatic solution to that. You would probably need to do this with some custom JavaScript code.

However, the easier and quicker approach would be to just write the text into the page, above the Shortcode. If you wrap it in some container HTML, you should be able to style it and position it closer to the drop down elements.

Regards,
Tobias