Table border and curved corner.

Hi,

thanks for your post, and sorry for the trouble.

Unfortunately, your link only gives me a 500 Server error 🙁

Regards,
Tobias

Hi,

nope, I still get a Error 500 – Internal Server Error for your link from above 🙁

Regards,
Tobias

Hi,

just to let you know: The first link now shows a 502 error from CloudFlare for me, in both Chrome and Firefox.

The second link works however 🙂

Now (if you are interested in my design opinion), I would not add round corners or a border to the author’s box table. Your theme is not using those anywhere else, and the current rectangular styling fits much nicer.
The second thing that I see is this: You are using a table for styling purposes here (basically to add an image next to some text). While this works, it’s not recommended in modern web design, where tables should only be used to present tabular data. For styling purposes, other elements (like `<div> containeers with CSS styling) work better.

If you still want to add round corners, please try this “Custom CSS”:

.extrawidget .textwidget {
    padding: 0 30px;
}
.tablepress-id-3 {
  border-collapse: separate;
}
.tablepress-id-3 tbody td {
  border: 2px solid #ff9900 !important;
}
.tablepress-id-3 tbody .column-1 {
    border-right: none !important;
}
.tablepress-id-3 tbody .column-2 {
    border-left: none !important;
}
.tablepress-id-3 tbody tr:first-child td:first-child {
  border-top-left-radius: 5px;
}
.tablepress-id-3 tbody tr:first-child td:last-child {
  border-top-right-radius: 5px;
}
.tablepress-id-3 tbody tr:last-child td:first-child {
  border-bottom-left-radius: 5px;
}
.tablepress-id-3 tbody tr:last-child td:last-child {
  border-bottom-right-radius: 5px;
}

You should also turn off the Row Highlighting for this table.

Regards,
Tobias

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!