Tablepress with responsive tables doesn't align nicely

Here is another screenshot wich is maybe a little more clear: https://prntscr.com/59q5vb

Hi,

thanks for your post, and sorry for the trouble.

The reason for this is that your theme adds a larger padding to the header rows. To fix this, please try adding this “Custom CSS” to the “Plugin Options” screen of TablePress:

.entry .tablepress thead th {
  padding: .857em 1.387em;
}

Regards,
Tobias

Hi Tobias,

I saw i replied in the mail to… [email protected]…:). Anyway, here’s my mail:

Thanks for your great help! That worked. I have this same problem for https://www.maticmarketing.nl/prijzen. Can you provide the code for that too? Please explain me a little what your are doing so i know how to fix this in the future.

Hi,

yeah, replying to the forums by email like that won’t work ??

For that table, you don’t have to reduce the padding, but change the font size.
So, instead of the code from above, please try

.entry .tablepress thead th{
  font-size:100%;
  border-radius:0px;
  border:none!important;
  text-align:left;
}

Additionally, some tables need higher row heights for some tables:

@media (max-width: 767px) {
	.tablepress-id-6 .column-4 {
		height: 60px;
	}
	.tablepress-id-5 .column-2,
	.tablepress-id-5 .column-3,
	.tablepress-id-5 .column-4,
	.tablepress-id-5 .column-5 {
		height: 44px;
	}
}

I basically found that by experimenting with the Developer Tools in Google Chrome.

Regards,
Tobias

Hi Tobias, thanks for your repsonse and great friendly support. Unfortunatly i didnt get the desired result, see: https://www.maticmarketing.nl/prijzen/.

Any idea on how to fix this? I think the padding around the title texts is too big or something?

Hi,

please try my instructions from above again:
1. Remove the CSS code for the padding.
2. Remove the intermediate text (“Additionally, some tables need higher row heights for some tables:”) from the CSS.
(The best approach would be to remove everything below the

/* Tablepress first header fix */

comment and then add the CSS from above again.

Regards,
Tobias

Hi there Tobias,

Thank you very much, that worked!

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!