Hi,
thanks for your question, and sorry for the trouble.
I’m not exactly sure what you mean. The table in the link that you posted looks fine to me – except that it’s too wide. This is caused by the amount of content and the size of the white space that the theme adds in cells. To reduce this, you could add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:
.tablepress th,
.tablepress td {
padding: 8px !important;
}
Regards,
Tobias
Tobias,
Thanks for the quick response.
To get an idea of what I am referring to, check out another page (for instance, the home page): https://www.bestcoloredpencils.com/
You will notice that the top header is orange, the website logo is displayed on the top left, etc. On the page that I originally posted (https://www.bestcoloredpencils.com/colored-pencil-comparison-chart/) you will notice that the header is now white, the logo is gone, etc. In addition, in the past, the table has always auto-formatted itself to fit within the boundaries of what was available.
Hi,
all this is then most likely caused by the JavaScript and CSS minification and caching that your site is using via some Cloudflare or RocketScript plugins. I recommend to check with those turned off.
Regards,
Tobias
Tobias,
Thanks for the tip. I can confirm that the error was being created by having “Optimize CSS Code” checked within the Autoptimize Plugin. This has never been an issue in the past but, for whatever reason, this plugin doesn’t seem to play nicely with Tablepress or Divi theme anymore with that option checked.
Hi,
I wouldn’t say that it’s a conflict with Divi or TablePress here. It could be other plugins as well.
You might still want to reduce the white space in the tables using the CSS code that I suggest, to make tables fit better.
Regards,
Tobias
