Edit Specific Row Height in Flip Mode

Resolved huanyangwong
(@huanyangwong)

6 years, 8 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:
http://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 6 years, 8 months ago by huanyangwong.
- This topic was modified 6 years, 8 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)

6 years, 8 months ago
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)

6 years, 8 months ago
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 6 years, 8 months ago by huanyangwong.
- This reply was modified 6 years, 8 months ago by huanyangwong.
- This reply was modified 6 years, 8 months ago by huanyangwong.
Plugin Author Tobias Bäthge
(@tobiasbg)

6 years, 8 months ago

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)

6 years, 8 months ago

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)

6 years, 8 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 5 replies - 1 through 5 (of 5 total)

The topic ‘Edit Specific Row Height in Flip Mode’ is closed to new replies.

Tags