Holiday Notice – Support Unavailable on April 18 and April 21
We just wanted to let you know that our support team will be offline on Friday, April 18th (Good Friday) and Monday, April 21st (Easter Monday) due to the holidays.
We'll be back on Tuesday, ready to assist you!
In the meantime, if you need any help, feel free to:
-
Use the support widget in the bottom right corner on our websites (Amelia and wpDataTables) — our latest AI-powered assistant is there 24/7 to help with basic and intermediate questions,
-
Browse our detailed documentation (Amelia, wpDataTables)
-
Explore helpful articles,
-
Or check out our YouTube channels for video guides!
Amelia YouTube Channel
wpDataTables YouTube Channel
Thank you for your understanding, and we wish you a wonderful holiday weekend!
How do I make the cell smaller...more than decrease the white space does?
Hi Ted
Thank you for reaching out to us.
It can be done with some CSS
if you need the header as well then you will use this also
if you need to the specific table then you can use
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 :
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.
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;}/
Hi Ted,
Blaženka is out of the office today and I will answer you.
Based on your explanation:
#supsystic-table-3 td, #supsystic-table-3 td {padding: 1 1px }
#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: 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