Hi,
thanks for your post, and sorry for the trouble.
It looks like you’ll need to set the border-collapse property as well. Please try
.tablepress{
border-collapse: separate;
}
.tablepress tbody td{
border: 1px solid #4A4A4C !important;
}
.tablepress tbody tr:first-child td:first-child {
border-top-left-radius: 10px;
}
.tablepress tbody tr:first-child td:last-child {
border-top-right-radius: 10px;
}
.tablepress tbody tr:last-child td:first-child {
border-bottom-left-radius: 10px;
}
.tablepress tbody tr:last-child td:last-child {
border-bottom-right-radius: 10px;
}
Regards,
Tobias
Thread Starter
molj
(@molj)
Hey Tobias, thank you for your prompt answer!
It works! But it also removes the previous styling (I don’t want vertical and strong horizontal borders, I just want round edges on the previous styling)
Thank you again!
Hi,
ah, right. Totally missed that.
Here’s another try:
.tablepress{
border-collapse: separate;
}
.tablepress tbody tr:first-child td {
border-top: 1px solid #4A4A4C !important;
}
.tablepress tbody tr:last-child td {
border-bottom: 1px solid #4A4A4C;
}
.tablepress tbody tr td:first-child {
border-left: 1px solid #4A4A4C;
}
.tablepress tbody tr td:last-child {
border-right: 1px solid #4A4A4C;
}
.tablepress tbody tr:first-child td:first-child {
border-top-left-radius: 10px;
}
.tablepress tbody tr:first-child td:last-child {
border-top-right-radius: 10px;
}
.tablepress tbody tr:last-child td:first-child {
border-bottom-left-radius: 10px;
}
.tablepress tbody tr:last-child td:last-child {
border-bottom-right-radius: 10px;
}
Regards,
Tobias
Thread Starter
molj
(@molj)
That solves it,
thank you very much Tobias!
Have a great day,
Matej
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!
Hi,
thanks, I really appreciate it!
Best wishes,
Tobias
