Cell Background Colors Not Showing

Home Forums Data Table Plugin Cell Background Colors Not Showing

This topic contains 11 replies, has 6 voices, and was last updated by neveryoung2212 neveryoung2212 5 months ago.

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #16591

    thomas.a.grieve
    Participant

    Hi,

    Working on a dev. site with the data table plugin.

    The table cell backgrounds have disappeared. Really frustrating. Do not think I’ve upgraded any plugins. It’s a fairly fresh install of WordPress.

    And the backgrounds seem to have vanished. I disabled all plugins and switched to a default wordpress theme.

    Any help?

    #16592

    thomas.a.grieve
    Participant

    Wordpress 4.9.2

    #16594

    admin_supsystic
    Keymaster

    Hello.
    Please provide me with link to broken table – and I will check it.

    Regards,
    Supsystic Team

    #16605

    van.uden-kohler_1
    Participant

    Hi, I have the same problem but is was after the update of the plugin.

    #16634

    arlene
    Participant

    Also having this problem, but it was pre-update to 1.7.3.

    Only one table affected, curiously enough.
    I have tried recreating the color.
    I have tried eliminating the shortcode, saving, then reinserting shortcode.
    Next step will be recreating the table.

    ________________________Update_________________

    I tried adding a new table- same problem – no color in background of cells.
    When I use Chrome developer tools, I see:

    <td data-cell-id=”C17″ data-x=”2″ data-y=”17″ class=”bg-e6e6e6″ data-cell-type=”text” data-original-value=”” data-order=”” data-hide=”true” data-colspan=”1″ data-rowspan=”1″ style=”display: none;”></td>

    And when I inspect a properly presenting table, with grey in the background of cells, the html looks like this:
    <td data-cell-id=”A12″ data-x=”0″ data-y=”12″ class=”bg-e6e6e6″ data-cell-type=”text” data-original-value=”” data-order=”” style=”background-color: rgb(230, 230, 230);”></td>

    So it seems that “style=”background-color: rgb(230, 230, 230);” is not being added to the html, or is added but subsequently stripped. Am I doing something wrong? These two tables are on the same page, and were produce the same way…

    #16635

    arlene
    Participant

    ———Further Update————

    Cloning a table from last August – this maintained the cell color background, even after editing a table cell and saving.

    ———Last update—————

    In a pinch you can add css (see tab CSS at top of editing page)

    to restore background color (overall), the lines top and bottom, and the cell outline, you can try this:

    #supsystic-table-2 {
    border-bottom: 1px solid #111;
    border-top: 1px solid #111;
    }

    #supsystic-table-2 tbody tr td:first-child {
    border-left: 1px solid #ddd;
    }

    #supsystic-table-2 tbody td {
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    }

    #supsystic-table-2 tbody tr {
    background-color: rgb(230, 230, 230);
    }

    #16637

    sara492384
    Participant

    I have the same problem in many tables. The background became white from #232323. How can I fix it? Someone can help me?

    #16640

    arlene
    Participant

    Try some of the css I posted above. Use your table number, and your color hex number.

    The css tab is next to editor and preview tabs in the table editing interface.

    It will be trial and error, and you will need to use Chrome developer tools or Firefox inspector.

    If you unfamiliar with css, wait for Supsystic to fix the problem with another update…

    #16642

    sara492384
    Participant

    Thank you so much for your answer…the problem is that I’ve too many tables to fix it one by one with the css…. it’s a huge problem, I hope they’ll fix it soon!

    #16644

    arlene
    Participant

    Then you will have to target all tables and place the css in your child theme css file (you do have a child theme)

    This may actually be a better and safer way of handling the styling for your tables. It is also an interesting problem, because you will want to target a range of ID selectors:

    https://stackoverflow.com/questions/15526011/select-all-ids-where-the-only-difference-is-the-number-in-the-id-name

    google search:
    “CSS target a range of numbered id selectors”

    Maybe you have to play a bit with it. Good luck!

    #16645

    sara492384
    Participant

    It’s way yo risky to me…but thank you so much for the infos! 🙂

    #17616
    neveryoung2212
    neveryoung2212
    Moderator

    Dear Valuable clients!
    We will be glad to reply to each of you as we’ve increased the number of agents – please, don’t hesitate to contact us again in case of any questions – everybody will get a prompt and qualified reply!

Viewing 12 posts - 1 through 12 (of 12 total)

You must be logged in to reply to this topic.

Get plugins bundle today and save over 80%