Hi,
Thanks for your post and sorry for the trouble!
Ok, it looks there are multiple (likely unconnected) things going on here:
When opening your page on a desktop computer, I do see a TablePress table. This doesn’t use the Visitor features (like sorting, search, pagination, etc.) for me though, so that I don’t see issues with the padding. However, I do see e.g. the “Edit” link below the table, which normally should not be there. This indicates that either there’s some caching going on or that you used some sort of “Frontend Editing” feature in your page builder (Elementor?) that led to the TablePress [table ... /] Shortcode being replaced by static HTML code. In addition, it seems that you are using the “ElementsKit addon” for Elementor. This adds more controls to Elementor, including a “TablePress” option. Unfortunately, this option is not coded in an optimal way. I can therefore only recommend not using the “TablePress” option from ElementsKit. Instead, use the “TablePress table” widget that TablePress offers itself (but with fewer options than Elementskit).
On top of this, it looks like your page is showing a different table on mobile devices with smaller screens. This however is added by some “EA for Elementor Advanced Data Table” plugin, which I unfortunately can’t help with, as I’m not connected to that in any way. So, as your spacing/padding issues seem to be with that plugin, I can only recommend contact their developer team for help. Alternatively, you could of course consider switching to a TablePress premium version, which offers native and much better integrated options for making TablePress tables responsive for use on mobile devices, see e.g. https://tablepress.org/modules/responsive-tables/
Best wishes,
Tobias
Hello!
Thanks for the reply, I will try and swap out the table from the elementor side of things and just use the plugin. I’m working on a site someone else built so I tried all the plugin options but makes sense if it’s using elementor (not my fave). Thank you!
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 in the plugin directory. Thanks!
Hi Tobias,
I fixed the desktop version per your instructions. the one thing I can’t seem to remove is the extra space below the table where the “edit” button normally sits. It looks like there is an extra row there, any way to remove that?
https://carousel-usa.com/product-guides/
thanks!
Hi,
To remove that, please add this to the “Custom CSS” text area on the “Plugin Options” screen of TablePress:
table.tablepress {
margin: 0;
}
Best wishes,
Tobias
Hi,
Sure, always happy to help!
Best wishes,
Tobias
P.S.: In case you haven’t, please rate TablePress in the plugin directory. Thanks!
