Tablepress with responsive tables doesn't align nicely

Viewing 8 replies - 1 through 8 (of 8 total)
  • Thread Starter Frenkie

    (@frano09)

    11 years, 5 months ago

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

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    11 years, 5 months ago

    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

    Thread Starter Frenkie

    (@frano09)

    11 years, 5 months ago

    Hi Tobias,

    I saw i replied in the mail to… noreply@wordpress.org…:). Anyway, here’s my mail:

    Thanks for your great help! That worked. I have this same problem for http://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.

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    11 years, 5 months ago

    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

    Thread Starter Frenkie

    (@frano09)

    11 years, 5 months ago

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

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

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    11 years, 5 months ago

    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

    Thread Starter Frenkie

    (@frano09)

    11 years, 5 months ago

    Hi there Tobias,

    Thank you very much, that worked!

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    11 years, 5 months ago

    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!

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘Tablepress with responsive tables doesn't align nicely’ is closed to new replies.