• Resolved robertwein

    (@robertwein)


    I’m getting better at working with this, but I hit the wall with this one. On this page, the second row has two cells with info, and there should be a line between them. But, I don’t have a clue how to do it.
    If you show me how, I’ll learn, and expand what I’m able to self-do!
    Thank you!

    .tablepress th {
    text-align: center;
    vertical-align: middle;
    }

    .tablepress td {
    text-align: left;
    vertical-align: top;
    }

    .tablepress-id-8 td {
    width: 33%;
    }

    .tablepress-id-8 img {
    max-width: 100%;
    }

    .tablepress img {
    display: inline !important;
    }

    .tablepress th,
    .tablepress td {
    width: 50%;
    }

    .tablepress-id-14 .row-1 {
    background-color: #0000ff;
    color: #ff0000;
    }

    .tablepress-id-29 .row-1 {
    background-color: #0000ff;
    color: #ff0000;
    }

    .tablepress-id-29 .row-17 {
    background-color: #0000ff;
    color: #ff0000;
    }

    .tablepress .highlight-1 {
    color: #ffffff;
    }

    .tablepress-id-13,
    .tablepress-id-13 tr,
    .tablepress-id-13 tbody td,
    .tablepress-id-13 thead th,
    .tablepress-id-13 tfoot th {
    border: none !important;
    text-align: justify;
    text-justify: inter-word;
    }

    .tablepress-id-14,
    .tablepress-id-14 tr,
    .tablepress-id-14 tbody td,
    .tablepress-id-14 thead th,
    .tablepress-id-14 tfoot th {
    border: none !important;
    text-align: justify;
    text-justify: inter-word;
    }

    .tablepress-id-16,
    .tablepress-id-16 tr,
    .tablepress-id-16 tbody td,
    .tablepress-id-16 thead th,
    .tablepress-id-16 tfoot th {
    border: none !important;
    }

    .tablepress-id-17,
    .tablepress-id-17 tr,
    .tablepress-id-17 tbody td,
    .tablepress-id-17 thead th,
    .tablepress-id-17 tfoot th {
    border: none !important;
    text-align: justify;
    text-justify: inter-word;
    }

    .tablepress-id-20,
    .tablepress-id-20 tr,
    .tablepress-id-20 tbody td,
    .tablepress-id-20 thead th,
    .tablepress-id-20 tfoot th {
    border: none !important;
    text-align: justify;
    text-justify: inter-word;
    }

    .tablepress-id-22,
    .tablepress-id-22 tr,
    .tablepress-id-22 tbody td,
    .tablepress-id-22 thead th,
    .tablepress-id-22 tfoot th {
    border: none !important;
    text-align: justify;
    text-justify: inter-word;
    }

    .tablepress-id-20,
    .tablepress-id-20 tr,
    .tablepress-id-20 tbody td,
    .tablepress-id-20 thead th,
    .tablepress-id-20 tfoot th {
    border: none !important;
    text-align: justify;
    text-justify: inter-word;
    }

    .tablepress-id-23,
    .tablepress-id-23 tr,
    .tablepress-id-23 tbody td,
    .tablepress-id-23 thead th,
    .tablepress-id-23 tfoot th {
    border-left: solid 2px black;
    border-right: solid 2px black;
    text-align: justify;
    text-justify: inter-word;
    }

    .tablepress-id-25,
    .tablepress-id-25 tr,
    .tablepress-id-25 tbody td,
    .tablepress-id-25 thead th,
    .tablepress-id-25 tfoot th {
    border: none !important;
    text-align: justify;
    text-justify: inter-word;
    }

    .tablepress-id-26,
    .tablepress-id-26 tr,
    .tablepress-id-26 tbody td,
    .tablepress-id-26 tbody th,
    .tablepress-id-26 th {
    border: none !important;
    border-left: none !important;
    border-right: none !important;
    }

    .tablepress-id-27,
    .tablepress-id-27 tr,
    .tablepress-id-27 tbody td,
    .tablepress-id-27 tbody th,
    .tablepress-id-27 th {
    border: none !important;
    border-left: none !important;
    border-right: none !important;
    }

    .tablepress-id-28,
    .tablepress-id-28 tr,
    .tablepress-id-28 tbody td,
    .tablepress-id-28 tbody th,
    .tablepress-id-28 th {
    border: none !important;
    border-left: none !important;
    border-right: none !important;
    }

    .tablepress-id-29,
    .tablepress-id-29 tr,
    .tablepress-id-29 tbody td,
    .tablepress-id-29 tbody th,
    .tablepress-id-29 th {
    border: none !important;
    border-left: none !important;
    border-right: none !important;
    }

    td:nth-child(1),
    th:nth-child(1) {
    border-left: solid 2px black;
    border-right: solid 2px black;
    border-bottom: solid 2px black;
    }

    td:nth-child(2),
    th:nth-child(2) {
    border-left: solid 2px black;
    border-right: solid 2px black;
    border-bottom: solid 2px black;
    }

    tr:nth-child(4) {
    border-bottom: solid 2px black;
    }

    tr:nth-child(1) {
    border-top: solid 2px black;
    }

    tr:nth-child(2) {
    border-bottom: solid 2px black;
    }

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

Viewing 8 replies - 1 through 8 (of 8 total)
  • Thread Starter robertwein

    (@robertwein)

    Oops – it’s [table id=14 /]!!

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks for your question, and sorry for the trouble.

    Please try removing

    border: none !important;
    

    from the CSS section

    .tablepress-id-14,
    .tablepress-id-14 tr,
    .tablepress-id-14 tbody td,
    .tablepress-id-14 thead th,
    .tablepress-id-14 tfoot th {
      border: none !important;
      text-align: justify;
      text-justify: inter-word;
    }

    Regards,
    Tobias

    Thread Starter robertwein

    (@robertwein)

    Oh, please don’t think that it’s a trouble. Whenever I hit something, I look back on what you’d told me about other stuff, and see if I can solve it. If I can’t, I know that if I post something here, that you’ll help me!

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi Robert,

    good to hear that this helped! ??

    Best wishes,
    Tobias

    Thread Starter robertwein

    (@robertwein)

    I took that line out, and it put them all back. I guess that I didn’t properly explain what I’d asked for. What I’d wanted to do was have no borders, except for between row 2, cells 1 and 2.

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    ah, ok. Then please don’t remove that line and instead add this CSS as well:

    .tablepress-id-14 .row-2 .column-1 {
        border-right: 1px solid #333333 !important;
    }

    Regards,
    Tobias

    Thread Starter robertwein

    (@robertwein)

    Better than awesome, thank you!

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    sure, always happy to help!

    Best wishes,
    Tobias

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘How do I have a vertical line in the second row, between the cells?’ is closed to new replies.