top and bottom borders not visible
-
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
The topic ‘top and bottom borders not visible’ is closed to new replies.