Hi,
thanks for your post, and sorry for the trouble.
The reason for this is some CSS related to a calendar (either in your theme or another plugin) that is written in a very bad way. To fix this in TablePress tables, please try adding this to the “Custom CSS”:
.tablepress th {
padding: 6px 20px 6px 6px !important;
}
.tablepress td {
padding: 6px !important;
}
Regards,
Tobias
Fantastic! Works a treat! Thanks very much 🙂
Hi,
no problem, you are very welcome! 🙂 Good to hear that this helped!
Best wishes,
Tobias
P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!
Hi Tobias
I’ve been having issues with padding / widths, nothing I seem to try following the FAQ’s on the subject affects the tables at all. I have applied this code above with 50px in everything and the tables change but I’m not sure what the “th” & “td” relate to and what attribute the px affect. I’m basically trying to stop all my tables from going on to 2 lines per row including the title row. Can you explain? In an ideal world I would like all my tables to centre the cell contents and auto size the widths to the largest content. Is there a better way to achieve this? Link
Update, I sorted this by looking through older support requests.
“th” = Table Header
“td’ = Table Data?
My Solution which is working for me
.tablepress th,
.tablepress td {
text-align: center;
}
.tablepress th,
.tablepress td {
vertical-align: middle;
}
.tablepress th,
.tablepress td {
white-space: nowrap;
}
Hi,
thanks for your question, and sorry for the trouble.
Great to hear that you already found this! Yes, your interpretation is correct.
If you wanted, you could merge this CSS together some more:
.tablepress th,
.tablepress td {
text-align: center;
vertical-align: middle;
white-space: nowrap;
}
Regards,
Tobias
