Hi,
thanks for your post, and sorry for the trouble.
For an effect like that, you can add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:
.tablepress-id-123 {
border-collapse: separate;
border-spacing: 0 5px;
}
where 123 is the table ID.
Regards,
Tobias
Hello i have added this on tablepress-id-1 and tablepress classes on custom css option and it’s not working
Hi,
Can you please post a link to the page with the table where this problem happens, so that I can take a direct look? Thanks!
Regards,
Tobias
Hi,
thanks!
It’s actually working, it’s just not appearing that way, as your site is not using a different background color (like the table in your example has).
To see what I mean, you can change the background color of the cells, e.g. by adding
.tablepress-id-1 tbody td {
background-color: #ff0000;
}
Regards,
Tobias
okay, is there any way i can add a black border around each row i have tried .tablepress-id-1 tr { border:1px solid;} but it’s not working. I want to acheive as shown in the above bootstrap card
Hi,
you will need to apply the borders to the cells, e.g. with this:
.tablepress-id-1 tbody td {
border-top: 1px solid #000000 !important;
border-bottom: 1px solid #000000;
}
.tablepress-id-1 tbody td:first-child {
border-left: 1px solid #000000;
}
.tablepress-id-1 tbody td:last-child {
border-right: 1px solid #000000;
}
Regards,
Tobias
