[Plugin: WP-Table Reloaded] Vertical Alignment

Also on the bottom row (With the social networking icons) it is very spaced out. Is there a way to remove a lot of that extra space so that the row isn’t so big.

Hi,

you should be able to fit the table more nicely (though not exactly to the border of the banner), with this “Custom CSS” code:

.wp-table-reloaded-id-1 {
  margin: 0px!important;
}

About those images:
I’m not sure what you mean with “spaced out”. The images are right next to each other here, the margin belongs to the images, which are 50*50px big.

Tobias

Thanks again…
What I mean is that in the bottom row with the social networking links there is a small amount of space at the top and bottom which makes the row larger than she wants it. She wants it to fit the info inside it almost perfectly with no extra space. I think it has to do with the height but I don’t know how to change it.

Hi,

wow, she is very “accurate”…

The only padding I can see is a 4px inside margin of the cell.
You can remove that with

.wp-table-reloaded-id-1 .row-2 td {
  padding: 0px!important;
}

There’s also some margin on the headline (which adds space between the headline and the images), which you can remove with

.wp-table-reloaded-id-1 .row-2 td h2{
  margin: 0px!important;
}

Best wishes,
Tobias

Tobias,

Great, fantastic tool. I will continue to donate.

I’m not sure if this is the same issue or not. I inserted the suggested code and it did not work for me.

I am trying to get the tables to place more closely to the body copy. For example, this table is too far away from the words: Chapters include: https://plf22.net/print/the-reference-manual/

Same thing at the bottom. How do I remove all this padding?

Thanks in advance,
Art

Hi Art,

thanks for your question!

This is not exactly the same issue as above, but it is to some extent related.

To start, some other changes are required first, however:
In the editor window of your page, the Shortcode ([table ...]) seems to be wrapped in HTML <code> tags. Additionally, there seems to be a <code> tag below the Shortcode.
Now, will not see those tags if you are using WordPress’s “Visual Editor”. Can you therefore (on the “Edit” screen of the page) change to the “HTML editor”? Can you then clean up the HTML below the “Chapters include” text? There also seem to be an unused HTML link there.
Additionally, on the “Edit” screen of the table (in the WP-Table Reloaded menu) can you uncheck the “Table head” checkbox? Your table only has one row, so that is not necessary here.

Regards,
Tobias

Wow… fast response. Thanks Tobias!

I cleaned up the html and unchecked the “Table Head” box but still have the same amount of padding above and below the table.

Do you think this has something to do with the theme and how it is handling your short code? Maybe I need to go into the Theme Editor?

All the tables I’m using are single cell and the same issue is occurring on all of them:

https://plf22.net/print/the-reference-manual

https://plf22.net/products

https://plf22.net/print/the-reference-manual/physiology-101-support

Thanks in advance for all your help.
Art

Hi Art,

thanks for the quick changes (that makes investigating the issue easier for me).
As it seems, the products table also still has a <code> tag around that, so you might want to clean up that page as well.

As it seems, there is some CSS somewhere that is adding padding to the “tbody” element of the table, but I was not able to find the source, unfortunately ??
This might indeed be a theme issue. Can you therefore try with the WordPress Default Theme?

Then, you are using <p> tags inside the table cells. Did you manually add those, or where they added automatically by another plugin? Those <p> tags also add padding as it seems. And additionally, some of the space below the table seems to not actually come from the table, but from the <div> below the table.

Tobias

Tobias…. you are remarkable with your prompt response.

I will clean up those tags on all tables. You are right that the tags inside the cells were added automatically as I write all my html in an old version of MS Frontpage (I know it’s too old but for the most part it works quite well).

So I will clean up all of the code that I can and get back to you later today.

Thanks again for the help. More donations forthcoming!

Art