Table background just went all white

  • Resolved machinelf

    (@machinelf)


    1 day, 9 hours ago

    I looked at my page today and it’s all white background. I haven’t changed anything. I looked at other tables and they aren’t legible either.
    I have gone through and fiddled with CSS and it doessn’t seem to change anything. What do we need to know about the new update to mitigate this? At is stands the table isn’t legible at all now.
    Thanks for great addon btw but thiss needs to be resolved asap. I’ll revert to previous versionn until further notice.
    Edit: I did read the release nnotes, but this CSS change applies to the base unsorted table
    >>

    Before updating, make sure to understand potential breaking changes to backward compatibility:

    • Some?outdated and retired TablePress Extensions will no longer work!?Read more!
    • The new structure of the table controls might require adjustments in your “Custom CSS” code!
      • The CSS code for “Alternating Row Colors” has changed!
      • The CSS code for changing colors of actively sorted-on column header cells has changed.
    • The sorting arrow icons look slightly different now — but are loaded faster.
    • The default pagination type now shows numbers in addition to left/right arrow icons, which also don’t show the “Previous”/”Next” texts anymore!
    • This topic was modified 1 day, 9 hours ago by machinelf.
    • This topic was modified 1 day, 9 hours ago by machinelf.
Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author TobiasBg

    (@tobiasbg)

    Hi!

    Thanks for your post and sorry for the trouble!

    Can you please send me a link to the page with the table where this problem happens, so that I can take a direct look? Thanks! Most likely, we’ll just need to update some CSS code.

    Regards,
    Tobias

    Thread Starter machinelf

    (@machinelf)

    Wow, thanks Tobias.  I reverted to the previous version so this is legible.
    Herrre are two that come to mind but I do have others
    https://tranceam.org/trance/directory/
    https://tranceam.org/the-21st-century-shamans-pouch/

    Here is my custom styling:

    .tablepress-id-1 .column-2 {
    font-size: 18px !important;
    font-weight: normal !important;
    color: #fffffff;
    padding: 0;
    }

    .tablepress-id-1 .column-3 {
    font-size: 18px !important;
    font-weight: normal !important;
    color: #ffffff;
    padding: 0;
    }

    .tablepress-id-1 .column-4,
    .tablepress-id-1 .column-5,
    .tablepress-id-1 .column-6 {
    text-align: center;
    padding: 0;
    }

    .tablepress-id-1 .column-7,
    .tablepress-id-1 .column-8,
    .tablepress-id-1 .column-9 {
    padding: 0;
    }

    .tablepress-id-1 .column-10 {
    width: 300px;
    padding: 0;
    }

    .tablepress-id-1 tbody td {
    font-size: 10px;
    font-weight: normal !important;
    color: #ffffff;
    }

    .tablepress-id-3 tbody td {
    font-size: 10px !important;
    font-weight: normal !important;
    color: #ffffff;
    }

    .tablepress-id-3 thead th,
    .tablepress tfoot th {
    background-color: #222222;
    color: #ffffff;
    font-size: 14px;
    }

    .tablepress thead th,
    .tablepress tfoot th {
    background-color: #222222;
    color: #ffffff;
    }

    .tablepress .row-hover tr:hover td {
    background-color: #808080;
    color: #ffffff;
    }

    .tablepress>:where(tbody.row-striping)>:nth-child(even)>* {
    background-color: #222222;
    color: #ffffff;
    }

    .tablepress>:where(tbody.row-striping)>:nth-child(odd)>* {
    background-color: #2F4F4F;
    color: #ffffff;
    }
    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks for the links! The cause for this problem actually is the “WP Google Maps” plugin that you are also using. This is loading CSS code for the tables as well. To fix that, also with the new version of TablePress, please add this to the “Custom CSS” text area on the “Plugin Options” screen of TablePress:

    .tablepress.dataTable tbody tr {
        background-color: transparent;
    }

    Regards,
    Tobias

    Thread Starter machinelf

    (@machinelf)

    Thanks so much! You are amazing!

    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 in the plugin directory. Thanks!

Viewing 5 replies - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.