Okay
  Public Ticket #2706903
center image & text
Closed

Comments

  • Ted started the conversation

    How do I make the cell smaller...more than decrease the white space does?


  • [deleted] replied

    Hi Ted

    Thank you for reaching out to us.

    It can be done with some CSS

    .wpDataTablesWrapper table.wpDataTable td { height:100px}

    if you need the header as well then you will use this also

    .wpDataTablesWrapper table.wpDataTable thead th { height:100px}

    if you need to the specific table then you can use

    .wpDataTablesWrapper table.wpDataTable.wpDataTableID-1 td { height:100px}
    

    where 1 is id of the table

    If you need to row be smaller than this then you can do it by reducing padding in cells.

    You can use this CSS for tables from the related link :

    // for cell in table
    .wpdt-c.wdt-skin-aqua .wpDataTablesWrapper table.wpDataTable.wpDataTableID-4 td,
    .wpdt-c.wdt-skin-aqua .wpDataTablesWrapper table.wpDataTable.wpDataTableID-1 td {padding: 0 20px !important;}
    // for cells in header
    .wpdt-c.wdt-skin-aqua .wpDataTablesWrapper table.wpDataTable.wpDataTableID-1 thead th,
    .wpdt-c.wdt-skin-aqua .wpDataTablesWrapper table.wpDataTable.wpDataTableID-4 thead th
    {padding: 0 16px !important;}

    We insert 0 for top and bottom padding but you can choose whatever you need( for example 1px,2px..)

    I hope this helps. do let us know if you need any further assistance.


  • Ted replied

    I tried and I can't make it work.

    /* Here you can add custom CSS for the current table */
    /* Lean more about CSS: https://en.wikipedia.org/wiki/Cascading_Style_Sheets */
    /*
    To prevent the use of styles to other tables use "#supsystic-table-3" as a base selector
    for example:
    #supsystic-table-3 { ... }
    #supsystic-table-3 tbody { ... }
    #supsystic-table-3 tbody tr { ... }
    */

    /*#supsystic-table-3 td { height:100px}*/

    This is how I created my code. 

    #supsystic-table-3 td,
    #supsystic-table-3 td {padding: 1 1px }


     The only change that I ever could make work: 

    #supsystic-table-3 td { height:500px}


    .wpdt-c.wdt-skin-aqua .wpDataTablesWrapper table.wpDataTable.wpDataTableID-4 td,
    .wpdt-c.wdt-skin-aqua .wpDataTablesWrapper table.wpDataTable.wpDataTableID-1
    td {padding: 0 20px !important;}/


  •  471
    Isidora replied

    Hi Ted,

    Blaženka is out of the office today and I will answer you.

    Based on your explanation:

    • This is how I created my code. 

            #supsystic-table-3 td, #supsystic-table-3 td {padding: 1 1px }

    •  The only change that I ever could make work: 

              #supsystic-table-3 td { height:500px}

    Those are not our classes. Those are ids from another table plugin that you are using.

    Please contact their support to make this happend.

    Best regards.


    Kind Regards, 

    Isidora Markovic

    wpDataTables: FAQFacebookTwitterFront-end and back-end demoDocs

    Amelia: FAQFacebookTwitter |  Amelia demo sites | Docs

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

    Powerful FiltersGravity Forms Integration for wpDataTablesFormidable Forms Integration for wpDataTables