Okay
  Public Ticket #1786117
CSS Filter Fields
Closed

Comments

  • Ken Hagen started the conversation

    Is there a way to override the wpDataTableFilterSection class? I have placed desired formatting in the wpdatatable settings CSS section but not applying.  I am trying to remove all the unnecessary margins.

    wpDataTableFilterSection {
        float: left;
        /* margin-bottom: 10px; */ or /* margin-bottom: 0px; */
        margin-right: 15px;
        width: 160px;
        /* min-height: 115px; */ or /* min-height: 0px; */
    }

    If needed i can change the source wpdatatable CSS but would prefer not to.

    Thanks

  •  1,783
    Miloš replied

    Hi Ken Hagen,
    Thank you for your purchase.

    Can you please try to use !important tag where you define your CSS.

    For example

    wpDataTableFilterSection {
        float: left !important;
        /* margin-bottom: 10px; */ or /* margin-bottom: 0px; */
        margin-right: 15px !important;
        width: 160px !important;
        /* min-height: 115px; */ or /* min-height: 0px; */
    }


    Best regards.

    Kind Regards, 

    Miloš Jovanović
    [email protected]

    Rate my support

    wpDataTables: FAQ | Facebook | Twitter | InstagramFront-end and back-end demo | Docs

    Amelia: FAQ | Facebook | Twitter | InstagramAmelia demo sites | Docs | Discord Community

    You can try wpDataTables add-ons before purchasing on these sandbox sites:

    Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables

  • Ken Hagen replied

    Thanks but not working.  I did solve but not the right solution.  If i include the below in the page right before the table short code it works. Note: my page only displays the filters, no table.  Then i have "linked" charts below the filters so that applying filters updates all the linked charts.  

    As a separate, unrelated comment, it would be super nice to have grouping in charts to perform an average instead of always summing.  This would allow ratios on the data.  An option to pick average or sum would greatly enhance the functionality of this awesome product.

    <style>

    /* need to override class to eliminate select margin spacing - NOT WORKING */
    .wpDataTableFilterSection {
        float: left !important;
        /* margin-bottom: 10px; */ or /* margin-bottom: 0px; */
        margin-right: 15px !important;
        width: 160px !important;
        /* min-height: 115px; */ or /* min-height: 0px; */
    }
    </style>

    I think the wpdatatable custom css is not being placed before the filters when in the header.  Or i'm missing something else.

    A cleaner solution would be beneficial.  

    Thanks

  •  1,783
    Miloš replied

    Hi Ken Hagen,

    Probably then the selectors are not good. Can you please send me the link of the table and some screenshot of what elements do you want to style, so I can take a look and give you my suggestion.

    Thank you for your explanation now I see what are you trying to achieve. Unfortunately at the moment this is not possible but I will add your suggestion on our TODO list and hopefully we can implement it for some future versions.


    Best regards.

    Kind Regards, 

    Miloš Jovanović
    [email protected]

    Rate my support

    wpDataTables: FAQ | Facebook | Twitter | InstagramFront-end and back-end demo | Docs

    Amelia: FAQ | Facebook | Twitter | InstagramAmelia demo sites | Docs | Discord Community

    You can try wpDataTables add-ons before purchasing on these sandbox sites:

    Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables