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

    (@frano09)

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

    Plugin Author Tobias B?thge

    (@tobiasbg)

    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)

    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.

    Plugin Author Tobias B?thge

    (@tobiasbg)

    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)

    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?

    Plugin Author Tobias B?thge

    (@tobiasbg)

    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)

    Hi there Tobias,

    Thank you very much, that worked!

    Plugin Author Tobias B?thge

    (@tobiasbg)

    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.