Not responding to CSS when within tab

  • Resolved Excb

    (@excb)


    5 years, 8 months ago

    Hi!

    First of all; love this plugin! Thank you for your work.

    I’m having issues with displaying the tables within a tab. I’ve four tabs, each with a specific kind of information. So for these four tabs I’m using four tables.

    When using custom CSS, with or without the selector for the table, it seems to always apply to the first table in the tabs. I never get it to work on the second table in the second tab.

    What I want to achieve is that the table always follows the maximum width of the columns of the page. If you click on the second tab you see the table expanding over the maximum width of the column.

    I also want the text to wrap within the cells. But I don’t seem to get this to work with word-wrap: break-word; or white-space: normal; (excuse me if I’m using the wrong property – I’m no wizard in CSS unfortunately)

    Anyone got a suggestion?

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

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

    (@tobiasbg)

    5 years, 8 months ago

    Hi,

    thanks for your question, and sorry for the trouble.

    The cause for this is some CSS in your theme, that’s turning off all line breaks in table cells. To fix that, please add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    .tablepress td {
  white-space: normal;
}

    Regards,
    Tobias

    Thread Starter Excb

    (@excb)

    5 years, 8 months ago

    Hi Tobias,

    You’re the best! Thank you for your fast reply. This fixed the issue!

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    5 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 3 replies - 1 through 3 (of 3 total)

The topic ‘Not responding to CSS when within tab’ is closed to new replies.