CSS code not loading

  • Resolved gd2356

    (@gd2356)


    2 weeks, 6 days ago

    The CSS formatting is not being loaded for this page. I’ve tried clearing the cache and doing a hard reset. Here is the CSS code:

    .tablepress-id-3 .column-1 {
    width: 100px;
    }

    .tablepress-id-3 .column-2 {
    width: 40px;
    }

    .tablepress-id-3 .column-3 {
    width: 30px;
    }

    .tablepress-id-3 .column-4 {
    width: 30px;
    }

    .tablepress-id-3 .column-5 {
    width: 180px;
    }

    .tablepress-id-3 .column-6 {
    width: 100px;
    }

    .tablepress-id-3 .column-7 {
    width: 40px;
    }

    .tablepress tbody td,
    .tablepress thead th {
    text-align: left;
    vertical-align: middle;
    }

    .tablepress tbody td {
    border: solid 1px;
    }

    Here is what it looks like:

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

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter gd2356

    (@gd2356)

    I think the problem is related to the audio player somehow. Is there a way to put a shortcut that calls a different audio player (as on the parent page) in a table cell? Maybe there’s a conflict between the audio players? I deactivated the other player (The Compact Audio Player), but it didn’t have any effect.

    • This reply was modified 2 weeks, 5 days ago by gd2356.
    Thread Starter gd2356

    (@gd2356)

    I created another page without the Custom CSS, and it’s at jimbpatton.com/More_Samples It isn’t quite right, but at least it’s navigable.

    Thread Starter gd2356

    (@gd2356)

    This is what the page looks like without the CSS column formatting. Each time a row is added, the player gets longer.

    If I delete all the rows except the first and use the CSS formatting, it renders correctly. Somehow, the player is getting longer with each row addition. I think it’s a bug. Finally, with the CSS formatting, the player gets so big, it breaks the CSS column formatting and it adjusts all the columns

    With the CSS code and one row,

    With the CSS code and two rows,

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi!

    Thanks for your post and sorry for the trouble!

    Yes, is ultimately caused by that Audio Player. Unfortunately, I don’t know why the width increases with each added audio player. You could however try limiting their widths. For that, please add this to the “Custom CSS” text area on the “Plugin Options” screen of TablePress:

    .tablepress .mejs-container {
        max-width: 300px;
    }

    Best wishes,
    Tobias

    Thread Starter gd2356

    (@gd2356)

    That did it! Thank-you!!!

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi @gd2356,

    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 6 replies - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.