Table w/ Images – Column Width Not Working

  • Resolved IMTanuki

    (@imtanuki)


    6 years, 11 months ago

    Hi Tobias,

    having a strange problem…

    CONTEXT
    – 4 column table
    – column 2 has an image (first time I’ve used an image in TP)
    – using column width settings (see below)
    – using responsive / collapse (but issue occurs even with this deleted)

    ISSUE
    – column widths not rendered according to css settings

    CSS
    /* TABLEPRESS – 01.04.01.04 – CHARACTERS – COMPONENT PATTERNS */
    .tablepress-id-13 tbody td
    {
    /* white-space: nowrap; */
    }

    .tablepress-id-13 .column-1
    {
    width: 15%;
    text-align: center;
    font-size:18px;
    }

    .tablepress-id-13 .column-2
    {
    width: 15%;
    text-align: center;
    }

    .tablepress-id-13 .column-3
    {
    width: 55%;
    font-size:18px;
    text-align: left;
    white-space: nowrap;
    }

    .tablepress-id-13 .column-4
    {
    width: 15%;
    text-align: center;
    font-size:18px;
    }

    Any idea why this may be happening?

    Thanks!

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter IMTanuki

    (@imtanuki)

    UPDATE

    Set nowrap at the table level…
    .tablepress-id-13 tbody td
    {
    white-space: nowrap;
    }

    1. mobile works fine
    2. desktop still not working…

    Thread Starter IMTanuki

    (@imtanuki)

    FIXED

    Turns out I had added default width setting for all tables:

    width: 100% Important

    Reset to 50% and now everything is OK…

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    nice find! Yes, this would have an influence.

    Best wishes,
    Tobias

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Table w/ Images – Column Width Not Working’ is closed to new replies.