Text overlapping inside the table in tablepress.

  • Resolved satya28

    (@satya28)


    6 years ago

    Hi,

    I have been facing an issue from past 3 days, and was not able to fix it.
    Problem is, I created a blog post and inserted a table in the blog using tablepress plugin. Everything is fine, just facing one small issue of text overlapping.

    While writing the blog in the post everything looks good (we have multiple line in the text box). But after publishing the post the text get overlap to each other.

    Here is the image of the table: https://t500-public-use.s3.ap-south-1.amazonaws.com/wp-image/image+(1).png

    Please do help.
    Regards,
    Satya

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

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

    (@tobiasbg)

    6 years ago

    Hi,

    thanks for your post, and sorry for the trouble.

    To fix this glitch, likely caused by your theme, please add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    .tablepress {
  table-layout: auto !important;
}

    Regards,
    Tobias

    Thread Starter satya28

    (@satya28)

    6 years ago

    Hey,

    Thanks for the quick response.

    I inserted the code and the overlapping is not there anymore.

    But the entire table became horizontally scrollable now, like the below link.

    https://t500-public-use.s3.ap-south-1.amazonaws.com/wp-image/image+(2).png

    Can’t we make it something like this: https://t500-public-use.s3.ap-south-1.amazonaws.com/wp-image/Screenshot+2020-06-15+at+11.15.40+PM.png (This is the image when I am editing the blog in wordpress before publishing.)

    Regards,
    Satya

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    6 years ago

    Hi,

    I’m not really sure why this happens, I assume there’s other CSS causing this. Can you please post a link to the page with the table where this problem happens, so that I can take a direct look? Thanks!

    Regards,
    Tobias

    Thread Starter satya28

    (@satya28)

    6 years ago

    Hi Tobias,

    Thanks for the quick response.

    Here you go. Below is the link to the post with tables in it.

    Link: https://talent500.co/blog/software-engineer-career-path/

    Regards,
    Satya

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    6 years ago

    Hi,

    thanks for the link!

    It looks like your theme has turned line breaks off. To turn them on again, please add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    .tablepress th,
.tablepress td {
    white-space: normal;
}

    Regards,
    Tobias

    Thread Starter satya28

    (@satya28)

    6 years ago

    Hi Tobias,

    Thanks, it’s working great.

    But it’s not reflecting on other tables.

    Regards,
    Satya

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    6 years ago

    Hi,

    do you mean the other tables on that page? Those were not created with TablePress (but with the normal block editor), which is why the code does not apply there.

    If you want that, you could use the modified version

    table th,
table td {
    white-space: normal;
}

    Regards,
    Tobias

    Thread Starter satya28

    (@satya28)

    6 years ago

    Hi Tobias,

    You are really awesome 😎.

    This solved the issue.

    Thanks for this.

    Regards,
    Satya

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    6 years 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!

    Thread Starter satya28

    (@satya28)

    6 years ago

    Hi Tobias,

    Given rating 🙂

    Regards,
    Satya

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    6 years ago

    Hi,

    thanks, I really appreciate it!

    Best wishes,
    Tobias

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

The topic ‘Text overlapping inside the table in tablepress.’ is closed to new replies.