• Resolved str8shoot3r

    (@str8shoot3r)


    I’ve tried updating to 3.0.0, then 3.0.1, and again today to 3.0.2, and each time I’ve had to rollback to version 2.4.4 for CSS to work as before. Each time all tables default to white background with no specified widths, centering, etc … acts as if CSS isn’t loading at all.

    WordPress version 6.4.5, PHP version 7.4.33

    Thanks for your time!

    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)

    Hi!

    Thanks for your post and sorry for the trouble!

    From what I can see, your “Custom CSS” code is fine, but can be optimized in some ways. It might also be needed to (just once) set the default colors straight.

    Can you please update to TablePress 3.0.2 again, so that I can take a look?

    Best wishes,
    Tobias

    Thread Starter str8shoot3r

    (@str8shoot3r)

    Thanks Tobias. I’ve updated to 3.0.2.

    The layout in table 8 on the home page is most impacted, as the layout formatting is unviewable. I am not a coder/developer but inherited management of this site, so the CSS for this table in particular was brute forced to result in a visually appealing layout. (widths, padding, etc.)

    The layouts of current tables 3, 5, 6, 9, 11, 13, 14, 16 all appear fine, except that their backgrounds are all white instead of the alternating background colors as specified in CSS. (example below)

    .tablepress-id-3 .odd td {
    background-color: #c3c8bd;
    }

    .tablepress-id-3 .even td {
    background-color: #d8d9cb;
    }

    I will need to repair or rollback soon, so I eagerly look forward to your feedback. Thank you for your time!

    Clint

    Thread Starter str8shoot3r

    (@str8shoot3r)

    This is home page table 8 using version 2.4.4, which as you can see is not at all what it looks like using version 3.0.2.

    I’m trying to insert a screenshot image of the correct table but that doesn’t appear to be as simple as pasting into this text box. If you’d like to see the correct version, please advise.

    • This reply was modified 1 year, 3 months ago by str8shoot3r.
    • This reply was modified 1 year, 3 months ago by str8shoot3r.
    Plugin Author Tobias Bäthge

    (@tobiasbg)

    Hi,

    Thanks for updating again and for this explanation!

    Essentially, the code for the alternating row colors has changed. Please try recreating it via https://tablepress.org/faq/

    Your example should work again with this:

    .tablepress {
    --odd-bg-color: #d8d9cb;
    --even-bg-color: #c3c8bd;
    }

    This will then even change those colors for all tables (that have the “Alternating Row Colors” setting turned on), so that you won’t even have to adjust this for each table individually.

    Best wishes,
    Tobias

    Thread Starter str8shoot3r

    (@str8shoot3r)

    OK, that addresses specified alternate row backgrounds for most tables – thanks.

    Now, how do find the “Alternate Row Colors” setting for table 8 and turn that off? This specific table needs no alternating, and NO background so that it matches the background of the page its on.

    Also with table 8, as that’s the one with lots of specified widths and sizing, how do I fix the CSS so that the carefully specified width/layout/align/padding parameters are used as they were in 2.4.4?

    Thanks … Clint

    Thread Starter str8shoot3r

    (@str8shoot3r)

    I found the table 8 padding error. I don’t know why this was in the original CSS, but it appears to have been ignored in 2.4.4 then recognized in 3.0.0 and later. (I commented it out to test desired effect)

    /*.tablepress-id-8 tbody td {

    padding-top: 900px;

    padding-bottom: 900px;

    }*/

    My remaining and final issue to solve is how to find the “Alternate Row Colors” setting for table 8 and turn that off, so that this table has no background at all but instead matches the background of the page its on.

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    Hi,

    you’ll find that setting in the “Table Options” section on the table’s “Edit” screen. Once you turn that, the table should have the page’s background color, as TablePress doesn’t set a default color.

    Your other CSS code should continue to work fine, it’s only the code that has .odd or .even in it that will need to be removed/adjusted.

    Best wishes,
    Tobias

    Thread Starter str8shoot3r

    (@str8shoot3r)

    I thought all was fixed, but alternating between 2.4.4. and 3.0.2 gave me false positives.

    The alternating rows code you gave me worked for 2.4.4, but has no effect on any tables in 3.0.2. Yes, I’ve confirmed that the appropriate box is checked in the table editor for all tables that I want to use these alternating row colors.

    For someone with little web experience these lost hours are quite frustrating. Thanks for your continuing assistance.

    • This reply was modified 1 year, 3 months ago by str8shoot3r. Reason: issue was NOT resolved
    Plugin Author Tobias Bäthge

    (@tobiasbg)

    Hi,

    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!

    Best wishes,
    Tobias

    Thread Starter str8shoot3r

    (@str8shoot3r)

    The alternative CSS code in your FAQ fixes the issue.

    FYI – an example page is https://austinarcheryclub.com/events/, using tables 16 & 5. They appear as intended now using your alternative alternating rows code (in 3.0.2), but had no backgrounds when using –odd-bg-color: #d8d9cb; –even-bg-color: #c3c8bd; (which does work in 2.4.4).

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    Hi,

    Good to hear that everything is working again.

    When I test

    .tablepress {
    --odd-bg-color: #d8d9cb;
    --even-bg-color: #c3c8bd;
    }

    on your site, it works for me. I’m not sure why it doesn’t work for you, but using the alternative syntax also works, of course.

    Best wishes,
    Tobias

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

The topic ‘CSS broken since version 3.0.0’ is closed to new replies.