Border

  • Resolved estebancosin

    (@estebancosin)


    7 years, 8 months ago

    Hi! I tried to find the solution in other topics, buy I didn’t.

    Mi table has vertical white borders between columns, that I want to remove. I think i should use border-collapse: collapse; but I don’t know where.

    Mi table: https://lalo.com.ar/test/pagina-ejemplo/tabla/

    The CSS I′m using:

    .tablepress-id-1 thead th,
    .tablepress-id-1 tfoot th {
    background-color: #ffc938;
    color: #000000;
    line-height: 25px;
    text-align: center;
    }

    .tablepress-id-1 tbody td {
    font-family: Arial;
    font-size: 15px;
    color: #000000;
    border-width: 0;
    border-spacing: 0;
    border-bottom: 0;
    }

    .tablepress-id-1 .odd td {
    background-color: #fef7e4;
    line-height: 25px;
    text-align: center;
    }

    .tablepress-id-1 .even td {
    background-color: #ffffff;
    line-height: 25px;
    text-align: center;
    }

    .entry-content .tablepress {
    width: 1100px;
    margin: 0 auto 1em;
    }

    —————–

    Many thanks in advance for your help!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    thanks for your question, and sorry for the trouble.

    Indeed, it seems that you have to use the border-collapse CSS property here, due to your theme adding it.
    Please try this:

    .tablepress {
    border-collapse: collapse !important;
}

    Regards,
    Tobias

    Thread Starter estebancosin

    (@estebancosin)

    worked! Thank you a lot

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    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 here in the plugin directory. Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Border’ is closed to new replies.

Tags