wpdatatables is great to use. When I have a colored background it is difficult to see the items:
SHOW XX ENTRIES, SEARCH at the top of the table and the page numbers and column filters below the table as well. Is it possible to change the color/font of these items to make a better contrast with the background? The example I sent with the link above uses the best background I can find for this case but still the words/numbers are not clear. I would love to use better backgrounds.
Thanks for the response. You are already closed for the day because I am so late but will appreciate an answer in the morning. I was not very clear in my request and so have two screenshots to clarify. In the screenshots I have circled the sections that I want to be able to change the colors. I hope this helps you better understand my question.
Like I explain you in previous post every of this elements have css classes that you can use for customize their layout.(attachment)
for pagination you have built in settings in main settings of plugin.(attachment)
for Display length - class dataTables_length
for Search - class dataTables_filter
for Info block - class dataTables_info
What I didn't provide is css class for filters in footer and you can use td.wdtheader
You can add your custom code in Custom wpDataTables CSS under the "Custom JS AND CSS" in main settings of wpdatatables.
This will be affected on all tables, but if you want just for specific one then insert this code on page where is that table between the style tag.(<style>Code here</style>)
Thanks Milan. I needed the additional explanation to kick my brain into gear. I appreciate your help and the detail you provided. This is exactly what I need.
wpdatatables is great to use. When I have a colored background it is difficult to see the items:
SHOW XX ENTRIES, SEARCH at the top of the table and the page numbers and column filters below the table as well. Is it possible to change the color/font of these items to make a better contrast with the background? The example I sent with the link above uses the best background I can find for this case but still the words/numbers are not clear. I would love to use better backgrounds.
Thanks in advance,
peter
Hi peter,
Thank you for your purchase.
Sorry for late response.
We are located in Serbia and our working time is from 10:00 to 17:00 CET. business days.
For pagination you have built in options where you can change colors of pagination on COLORS AND FONT SETTINGS in settings of plugin.
For other element of wpdatatables you can use custom css and use classes for those elements:
for Display length - class dataTables_length
for Search - class dataTables_filter
for Info block - class dataTables_info
You can write your custom css in Custom css field on CUSTOM JS AND CSS tab in settings of plugin.
Best regards.
Kind Regards,
Isidora Markovic
wpDataTables: FAQ | Facebook | Twitter | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Amelia demo sites | Docs
You can try our wpDataTables add-ons before purchase on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables
Hi Milan,
Thanks for the response. You are already closed for the day because I am so late but will appreciate an answer in the morning. I was not very clear in my request and so have two screenshots to clarify. In the screenshots I have circled the sections that I want to be able to change the colors. I hope this helps you better understand my question.
Thanks again for your help,
peter
Hi peter,
Like I explain you in previous post every of this elements have css classes that you can use for customize their layout.(attachment)
for pagination you have built in settings in main settings of plugin.(attachment)
for Display length - class dataTables_length
for Search - class dataTables_filter
for Info block - class dataTables_info
What I didn't provide is css class for filters in footer and you can use td.wdtheader
You can add your custom code in Custom wpDataTables CSS under the "Custom JS AND CSS" in main settings of wpdatatables.
This will be affected on all tables, but if you want just for specific one then insert this code on page where is that table between the style tag.(<style>Code here</style>)
Kind Regards,
Isidora Markovic
wpDataTables: FAQ | Facebook | Twitter | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Amelia demo sites | Docs
You can try our wpDataTables add-ons before purchase on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables
Thanks Milan. I needed the additional explanation to kick my brain into gear. I appreciate your help and the detail you provided. This is exactly what I need.
You have been excellent to work with.
Peter
Hi Peter,
You are welcome.
If you have any more issues or questions feel free to open a new ticket, we will gladly help.
We'd greatly appreciate it if you could take a minute and leave a Review on CodeCanyon on this link. Thanks!
Best regards.
Kind Regards,
Isidora Markovic
wpDataTables: FAQ | Facebook | Twitter | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Amelia demo sites | Docs
You can try our wpDataTables add-ons before purchase on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables