Please note that we have a National holiday in our country from Monday 30th to Wednesday 2nd and because of that, there was a delay in reply to your tickets. Thank you for understanding.
Just add this code in Custom wpDataTables CSS under the "Custom JS AND CSS" in main settings of wpdatatables.
.wpDataTables .wpDataTableFilterSection{
padding:0px !important;
min-height:0 !important;
}
.wpDataTables .wpDataTableFilterSection ul.dropdown-menu li a span{
font-size:20px !important;
}
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>)
<style>
.wpDataTables .wpDataTableFilterSection{
padding:0px !important;
min-height:0 !important;
}
.wpDataTables .wpDataTableFilterSection ul.dropdown-menu li a span{
font-size:20px !important;
}
</style>
I need to reduce the size (in particular, the height) of select box filters for some of my datatables.
It looks like the css class for this is wpDataTableFilterSection.
Can you please show me some css that would
- reduce padding around the sections
- reduce the row height of the selectbox in a section
- reduce the font size of the text for the field values that populate the select box.
or anything that would help reduce the amount of vertical space that is being consumed by the selectbox filters?
Thanks for your help.
HI jjanicik,
Thank you for your purchase.
Sorry for late response,
Please note that we have a National holiday in our country from Monday 30th to Wednesday 2nd and because of that, there was a delay in reply to your tickets. Thank you for understanding.
Just add this code in Custom wpDataTables CSS under the "Custom JS AND CSS" in main settings of wpdatatables.
.wpDataTables .wpDataTableFilterSection{ padding:0px !important; min-height:0 !important; } .wpDataTables .wpDataTableFilterSection ul.dropdown-menu li a span{ font-size:20px !important; }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>)
<style> .wpDataTables .wpDataTableFilterSection{ padding:0px !important; min-height:0 !important; } .wpDataTables .wpDataTableFilterSection ul.dropdown-menu li a span{ font-size:20px !important; } </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