rounded exterior only border
-
Tobias,
Thank you for all your help thus far! I really appreciate how well you support your plugin and how timely you always assist!
I am trying to style the table at https://wordpress.geospatial-associates.com/course-catalog/
so that it has rounded top and bottom corners with a 1 pixel gray border on the outside of the table only, no interior borders at all. I have been reading your support posts and have found my way to what I presume is 85 percent success, but I still can’t get it quite right. the border is still rendering the corners with sharp edges, and the interior border grid is still prevalent.
my entire css looks like this: can you help me get it right?
.tablepress thead th,
.tablepress tfoot th {
background-color: #hd709a;
font-family: Nexa XBold;
font-size: 12px;
color: #737373;
}.tablepress th,
.tablepress td {
border: 1px solid #dddddd;
}.tablepress .odd td {
background-color: #DBDBDB;
}.tablepress tbody td {
font-family: Nexa Regular;
font-size: 10px;
color: #737373;
}.tablepress thead th:first-child {
border-top-left-radius: 10px;
}.tablepress thead th: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;
}
- The topic ‘rounded exterior only border’ is closed to new replies.