That CSS doesn't apply to the tables anymore, because the table is split into different sections.
You would need to apply the border-radius to individual cells. For example:
The header:
You see the names of the headers are "cedula" and "linea", so the CSS goes:
th.wdtheader.column-cedula {
border-radius: 20px 0 0 !important;
}
th.wdtheader.column-linea {
border-radius: 0 20px 0 0 !important;
}
It would require a lot more work than what's seen in the other ticket. You can inspect the page where your table is, and see what selectors you need to use. They would vary depending if you have filters in the footer, if the row ends as odd or even, and so on.
Hi
Im looking to get round corner in my table.
Looking in the wpdatatables blog I found a CCS to do that but it didn't work for me. Any suggestion
<style>
div#wpdatatable-preview-container {
border-radius: 10px !important;
}
</style>
Hello Alejandro
That CSS doesn't apply to the tables anymore, because the table is split into different sections.
You would need to apply the border-radius to individual cells. For example:
The header:
You see the names of the headers are "cedula" and "linea", so the CSS goes:
It would require a lot more work than what's seen in the other ticket. You can inspect the page where your table is, and see what selectors you need to use. They would vary depending if you have filters in the footer, if the row ends as odd or even, and so on.
Kind Regards,
Aleksandar Vuković
[email protected]
Rate my support
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables