height of rows on mobile

  • Resolved zev1on

    (@zev1on)


    1 year, 7 months ago

    Thanks for a lovely plugin. Have a couple of issues I was hoping you can help with.

    When viewed on mobile, the middle column on my table is bigger than the others. How can I make them all the same size?

    You will also see that when text goes to a new line there is a large line break space. How can I reduce this?

    Thanks for your help

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

Viewing 9 replies - 1 through 9 (of 9 total)
  • Thread Starter zev1on

    (@zev1on)

    Closing thread as checked other threads for answer. thanks

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    great to hear that you already found a solution!

    Best wishes,
    Tobias

    Thread Starter zev1on

    (@zev1on)

    Thanks Tobias. One other thing I am struggling with is just increasing the space between the images and text in the table. I have tried adding a <br> or <p> but they creates too much space for my liking.

    Is there some snippet I can add to adjust the space?

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    you can use CSS code for that. For example, add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    .tablepress-id-1 img {
    margin-bottom: 6px !important;
}

    Regards,
    Tobias

    Thread Starter zev1on

    (@zev1on)

    Thank you. That worked perfectly! ??

    Thread Starter zev1on

    (@zev1on)

    @tobiasbg – sorry to throw one more issue your way.

    I’m trying to change the font styling under another table (see here). I’ve used the below snippet but it’s not changing anything

    .tablepress-id-4 tbody td {
    font-family: Tahoma;
    font-size: 15.5px;
    font-weight: bold;
    color: #2d2d2d;
    }

    Do you know how I can do this? Thanks

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    that’s because the text in those cells is wrapped in <p> tags. You could try using .tablepress-id-4 tbody td p { to target them. (You might want to remove the direct font size setting in them though, so that the CSS code can take effect.)

    Regards,
    Tobias

    Thread Starter zev1on

    (@zev1on)

    Thanks Tobias. That worked. You have been a great help. ??

    Have a great day.

    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 9 replies - 1 through 9 (of 9 total)
  • The topic ‘height of rows on mobile’ is closed to new replies.