Spaces below tables

Hi,

thanks for your post, and sorry for the trouble.

You probably want this “Custom CSS”:

.tablepress-id-3 {
  margin: 0;
}

Regards,
Tobias

that worked thanks! Last bit – how do I remove the “Edit” that appears under the table when viewing – I will have various people logged in as admin, I don’t want this showing. Thanks

Hi,

no problem, you are very welcome! ?? Good to hear that this helped!

That “Edit” link is only visible to logged-in users who are allowed to edit the table. To remove it completely, just install and activate this TablePress Extension: https://tablepress.org/extensions/remove-edit-link/

Best wishes,
Tobias

P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!

Thanks again, your remove-edit-link doesn’t seem to be searchable within WordPress – Add Plugin. I was hoping not to download and install, just add plugin directly from WordPress – do I find it under a different name when searching for new plugin within WordPress?
Thanks

Hi,

you won’t find it in the WordPress plugin repository, as I haven’t submitted it there. (It’s useless without TablePress, so putting it in the repository doesn’t really make sense.)
Just download the ZIP file and use “Plugins” -> “Add new” -> “Upload”, that’s also very simple.

Regards,
Tobias

I am having a similar problem with my page and the CSS margin code you provided seems to do nothing.

I have two tables with 2 columns and 1 row each. I used a 2×2 table bfore, but wanted to stagger/modify the width of each cell according to row. I have that effect that I want, but I wish to remove the spaces from the in between the two tables (or if there is an easy way to control each individual cell’s width in a single table according to row, I would love that too!)

https://holyrollertheseries.com/ <—- site link

PLEASE ADVISE!

Hi Zakaman,

thanks for your post, and sorry for the trouble.

To be honest, I don’t think that you should be using tables on this page at all. You are using them for layout purposes, which is not a good idea in modern web design, as they are just not flexible enough for this (like that requirement of changing cell widths per row — that’s just not possible as it’s against the idea of a table).Tables should only be used to present tabular data, but not to simply align elements on a page. For that, more modern approaches, based e.g. on <div> elements and CSS are far superior.

Regards,
Tobias

Hi given this is a margin post I thought I would add to it rather than start a new one.

I am testing out the plugin but am having issues adding a margin (space bteen each table cell). This is my test page: https://prepaidplans.com.au/2014/07/test/

This is the css that I am using:

.tablepress {
margin: 5px !important;
}

.tablepress tr,
.tablepress tbody td,
.tablepress thead th,
.tablepress tfoot th {
border: 1px solid #e2e0e0;
text-align: center;
vertical-align: middle;
}

.tablepress thead th,
.tablepress tfoot th {
background-color: #4880be;
color: #fff;
}

Thanks

Hi,

thanks for your question, and sorry for the trouble.

What you describe (space between each table cell) is not the margin, but the border separation:

.tablepress-id-CheapestCallRate {
  border-collapse: separate;
  border-spacing: 5px;
}

I don’t really see why you would want that…

Regards,
Tobias

thank you, very prompt. Will be proceeding and donating. Great work.

BTW congrats on world cup victory.

Hi,

no problem, you are very welcome! ?? Good to hear that this helped!
And thanks for wanting to donate and for the congrats! I really appreciate it!

Best wishes,
Tobias

P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!