responsive

  • Resolved Paco Solana

    (@pacorson)


    12 years, 4 months ago

    Hi,

    Great plugin! It is very easy to use and well documented. Thank you!! Fantastic work.

    I have a problem with the height of the rows, but only with responsive tables

    I use the next code:

    @media (max-width: 767px) {
    .tablepress-id-1 thead th,
    .tablepress-id-1 tbody td {
    height: 40px;
    }
    }

    …to set the height of all the rows, header incluide.

    Perfect with row head and nº1, but the following rows have a little more height. I dont understand why.

    You can see this, (only mobile devices):

    http://www.fanaragon.com/waterpolo/calendario-de-competiciones/

    The code of “Custom CSS” is indefferent. Just happens without code.

    Thank!

    Best Regards!

    http://ww.wp.xz.cn/plugins/tablepress/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Tobias Bäthge

    (@tobiasbg)

    12 years, 4 months ago

    Hi,

    thanks for your question, and sorry for the trouble.

    I’m not sure why, but this seems to be caused by the table borders. Please try adding this to the “Custom CSS”:

    .article-main-content .tablepress tbody td {
    border: none;
}

    Regards,
    Tobias

    Thread Starter Paco Solana

    (@pacorson)

    12 years, 4 months ago

    THANKS!!!! work really good.

    But, now txt is not centered in cell (horizontally yes, but not vertically, and only with mobile devices)

    I used this code fon center the text:

    .tablepress-id-XX tbody td {
    text-align: center;
    vertical-align: middle;
    }

    and perfect, but I add the new code:

    .article-main-content .tablepress tbody td {
    border: none;
    }

    no run with mobile devices. (work on the desktop)

    I’ve added

    @media (max-width: 767px) {
    .article-main-content .tablepress tbody td {
    border: none;
    text-align: center;
    vertical-align: middle;
    }
    }

    but does not work….

    Thanks!!

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    12 years, 4 months ago

    Hi,

    I can’t reproduce this. For me the table cell content is centered vertically and horizontally, both on the large screen and when I reduce the browser window width.

    Regards,
    Tobias

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

The topic ‘responsive’ is closed to new replies.