this is my css
.tablepress thead th,
.tablepress tfoot th {
background-color: #ecebeb;
}
.tablepress thead .sorting_asc,
.tablepress thead .sorting_desc,
.tablepress thead .sorting:hover {
background-color: #e54e53;
}
.tablepress .row-hover tr:hover td {
background-color: #e54e53;
}
.tablepress td {
border: 1px solid #DDDDDD;
}
.tablepress thead th:first-child {
border-top-left-radius: 2px;
}
.tablepress thead th:last-child {
border-top-right-radius: 2px;
}
.tablepress tbody tr:last-child td:first-child {
border-bottom-left-radius: 2px;
}
.tablepress tbody tr:last-child td:last-child {
border-bottom-right-radius: 2px;
}
.tablepress .hilite {
color: #8dc153;
font-weight: bold;
font-size: 16px;
text-align: center;
}
Hi,
thanks for your question, and sorry for the trouble.
For this, I suggest to extend the CSS block
.tablepress td {
border: 1px solid #DDDDDD;
}
to
.tablepress tbody td {
border: 1px solid #DDD;
text-align: center;
vertical-align: middle;
}
Regards,
Tobias
Hi Tobi,
it works :o) Your support is awesome!
I have another question.
Via the admin panel i am only able to link a single cell but i would like to link a whole row. how i can i achieve this?
Regards
Hi,
linking a whole row is not really possible with native HTML, as the link is only part of a cell. You can however use JavaScript code to trigger the click on a link if the row is clicked. For details, please see https://ww.wp.xz.cn/support/topic/make-row-clickable?replies=30
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!
