Resize a column for mobile

Hi,

thanks for your post, and sorry for the trouble.

For that, I suggest to reduce the padding on your tables, which are rather big, due to your theme. For that, please add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

.tablepress th,
.tablepress td {
  padding: 6px;
}

Regards,
Tobias

It doesn’t seem to have worked. Here is my entire CSS

.tablepress {
clear: both;
margin: 0 !important; /* color: #eb9c54;*/
padding: 0 !important; /* color: #d5d5d5; */
color: #E58836;
font-size: 14px; /* font-weight: bold; */
font-family: poppins;
}

.tablepress .odd td {
background-color: #ffffdd;
}

.tablepress .even td {
background-color: #ffb;
}

.tablepress .row-hover tr:hover td {
background-color: #ff8;
}

.tablepress thead th,
.tablepress tfoot th {
color: #ffb; /*background-color: #eb9c54;*/
background-color: #D5D5D5;
}

.tablepress th,
.tablepress td {
padding: 0;
}

.tablepress thead .sorting_asc,
.tablepress thead .sorting_desc,
.tablepress thead .sorting:hover {
background-color: #d27119;
}

.dataTables_filter,
.dataTables_info {
color: #ffd;
}

Adjusted the min/max width of the module that I was housing this in. Works now.

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!