Hi muchbett,
Sorry for inconvenience,
Unfortunately the issues like conflicts with third party plugins or themes are always possible due to the nature of WP.
Please add this CSS in wpDataTables settings/Custom JS and CSS/Custom CSS field:
#wpdtSimpleTable-4 tbody td {
box-sizing: border-box;
}
Best regards.
Thank you for your reply, do you have a list of known plugins that clash with datatables? Perhaps I can disable the plugin that is causing the problem.
Also thank you for the css…am I right in thinking it is for that specific table? So I would need to add css like this for every table I created?
I have now added the css but I’m not seeing any change yet, what do you see?
https://www.homeflooringpros.com/epoxy-basement-floor/
I’ll keep checking.
Thank you Jamie
Hi muchbett,
We suppose that theme is in question, because it is not set global CSS from box-sizing. When it is not set, from browser engine it is set on content-box.
We will try to fix it for next update with such CSS in our plugin if pass all test cases.
Yes that is for specific table, but you can set it for all Simple tables like this:
.wpdtSimpleTable.bt tbody td {
box-sizing: border-box;
}
You are not seeing applied CSS, because you are using some caching plugin for example one path https://www.homeflooringpros.com/wp-content/cache/min/1/wp-content/plugins/wpdatatables/assets/css/wdt.simpleTable.min.css?ver=1622223383
So you will need to clear your browser and server cache(if is cache plugin in plugin settings or if is on hosting then on hosting settings)
Best regards.
