Horizontal borders only

Hi,

thanks for your post, and sorry for the trouble.

By default, TablePress only adds horizontal borders to tables. 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

Hey sorry, it was because I was using elementskit.

I am now just using the shortcode and am almost there with the style.

This is my current CSS and look. What I want to change now is the black border under the pink row and have a border on the boom and right that still works with the rounded corners. Also, center all text.

.tablepress thead th:first-child {
	border-top-left-radius: 12px;
}
.tablepress thead th:last-child {
	border-top-right-radius: 12px;
}
.tablepress tbody tr:last-child td:first-child {
	border-bottom-left-radius: 12px;
}
.tablepress tbody tr:last-child td:last-child {
	border-bottom-right-radius: 12px;
}

.tablepress thead th:first-child{
     background-color: #F83269!important;
}
.column-1 {
  background-color: #EAE9EF!important;
}

.dataTable.no-footer {
    border-bottom: none!important;
		border-top: none!important;

}

table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th {
    background-color: #fff;
}

.tablepress tfoot th, .tablepress thead th {
    background-color: #F83269;
	color: #fff;
}

https://ibb.co/GHxF6Df

• This reply was modified 2 years, 5 months ago by gavpedz.

Hi,

good to see that you are making progress here! 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! Otherwise, can’t really try things out live in the browser (with just a screenshot).

Regards,
Tobias