Edit Specific Row Height in Flip Mode

  • Resolved huanyangwong

    (@huanyangwong)


    5 years, 10 months ago

    Hi Tobias,

    Could you help me with the following?
    This is the screenshot of my table (in responsive flip mode) before adding any CSS code:
    https://tinypic.com/r/2s9cbwy/9

    I wanted the header column to be aligned with the row height, so I added this code: 

    .tablepress-id-123 th,
.tablepress-id-123 td {
  height: 41px;
}

    The table then looks like this:
    https://ibb.co/Qb8pTYC

    Are there additional code I need to input to solve this?

    • This topic was modified 5 years, 10 months ago by huanyangwong.
    • This topic was modified 5 years, 10 months ago by huanyangwong.

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    In addition to changing the height of all cells, you’d need to increase the height for the image column, with something like

    .tablepress-id-123 .column-1 {
  height: 90px;
}

    Regards,
    Tobias

    Thread Starter huanyangwong

    (@huanyangwong)

    Hi Tobias

    It works on my desktop responsively for the code given above (https://ibb.co/rwPJVMv).

    But in mobile devices (phone and ipad), the header doesnt seem to change accordingly like this https://ibb.co/vwXy2wd
    Is there additional code for mobile as well?

    Aside to that, Thank you Tobias, really appreciate the quick response and the awesome plugin!

    I had left my review and bought you a quick cup of coffee ??

    Cheers
    Yang

    • This reply was modified 5 years, 10 months ago by huanyangwong.
    • This reply was modified 5 years, 10 months ago by huanyangwong.
    • This reply was modified 5 years, 10 months ago by huanyangwong.
    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    have you tried clearing the cache of the plugin that you are using to minify and concatenate CSS files?

    Regards,
    Tobias

    Thread Starter huanyangwong

    (@huanyangwong)

    Hi,

    oops, my bad. I just cleared the cache for the minify plugin and its working great!
    Thanks Tobias!

    Regards,
    Yang

    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 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Edit Specific Row Height in Flip Mode’ is closed to new replies.