• Resolved savingyourtail

    (@savingyourtail)


    Hi – I spent time in the TablePress sandbox, loved what I saw there. But after installing the plugin, I’m having trouble duplicating the result.

    Issues I’m having:

    1. The sort arrows are overlapping my column header text, both on chrome desktop and mobile device which doesn’t look good.
    2. I have horizontal scrolling enabled but it doesn’t seem to activate on chrome desktop (it does however on mobile), even when a column header title becomes so long it wraps 3 lines. I like the wrapping to a degree, but wondering if there’s a way to control at what point it would switch from wrapping to scrolling.
    3. It seems like the column header titles are a bit too close together – maybe related to the above. Is there a way to insert extra space between each column without specifying every column’s width?

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    This is indeed caused by a CSS conflict, caused by the “HT Mega – Absolute Addons for Elementor” plugin here. Fortunately, it’s not too difficult to fix this. Please add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    .tablepress th {
        padding: 8px 20px 8px 8px !important;
    }

    This should help with all three questions ??

    Regards,
    Tobias

    Thread Starter savingyourtail

    (@savingyourtail)

    It worked perfect!! Thanks so much! I spent so much time trying to solve that.

    Plugin Author TobiasBg

    (@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 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Overlapping text and no scrolling’ is closed to new replies.