As previously announced via banners and our newsletters, support is no longer available through this platform.

For easier navigation, you can still click on "Submit a Ticket" here, choose the appropriate category, and you'll be redirected to the correct support channel for your plugin.

You can still access your previous tickets and browse public tickets, but please note that responding to tickets is no longer possible.

Paid customers: Please log in to your store account for support.

Pre-purchase questions: Use the support widget in the bottom-right corner of our websites:
https://wpamelia.com
https://wpdatatables.com
https://wpreportbuilder.com

Okay
  Public Ticket #1557454
Custom CSS for Selectbox filters
Closed

Comments

  •  1
    jjanicik started the conversation
    April 28, 2018 at 12:58pm

    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.

  •  472
    Isidora replied
    May 3, 2018 at 9:10am

    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