• Resolved pauldotmac

    (@pauldotmac)


    Hi,
    I have a table with 3 rows and 7 columns, 2, 4, & 6 are very narrow to space columns 1, 3 5 & 7 out. I want to put borders with curved corners around columns 1, 3, 5 & 7. The table doesn’t have a header row.
    I have the following CSS code but the top and bottom borders aren’t working.

    .tablepress-id-1 {
    width: 100%;
    }

    .tablepress-id-1 tbody td {
    border-top: none;
    }

    .tablepress-id-1 .row-1 td {
    font-size: 2rem;
    font-weight: bold;
    color: #000000;
    text-align: center;
    }

    .tablepress-id-1 td:empty {
    width: 5px;
    }

    .tablepress tbody td
    .tablepress-id-1 .row-3 td {
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    }

    .tablepress-id-1 .row-1 td,
    .tablepress-id-1 .row-2 td,
    .tablepress-id-1 .row-3 td {
    border-left: 2px solid #000000;
    border-right: 2px solid #000000;
    }

    .tablepress-id-1 .row-1 td.column-1,
    .tablepress-id-1 .row-1 td.column-3,
    .tablepress-id-1 .row-1 td.column-5,
    .tablepress-id-1 .row-1 td.column-7,
    {
    border-top: 2px solid #000000 !important;
    }

    .tablepress-id-1 .row-3 td.column-1,
    .tablepress-id-1 .row-3 td.column-3,
    .tablepress-id-1 .row-3 td.column-5,
    .tablepress-id-1 .row-3 td.column-7,
    {
    border-bottom: 2px solid #000000;
    }

    I tried changing the row-1 td to th but that didn’t work.

    Thanks

    Paul

Viewing 1 replies (of 1 total)
  • Plugin Author Tobias Bäthge

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    Please remove the commas after

    .tablepress-id-1 .row-1 td.column-7,
    

    and before the {.
    In CSS, there must not be a comma before the {.

    Regards,
    Tobias

Viewing 1 replies (of 1 total)

The topic ‘top and bottom borders not visible’ is closed to new replies.