Blank space at top of table

Hi,

not sure why the other thread was closed, but we can continue here.

Yes, when removing the “-id-1” part, this will apply to all tables, either existing or created in the future.

Now, about that white space: I can’t actually see any. The only space around the boxes that I see right now is actually the padding.
You might therefore want to try to replace the line

padding: 0;

with

padding: 0 !important;

Regards,
Tobias

Hi Tobias,

Thank you for continuing the conversation here.

I updated the padding to include the !important, and that does improve the spacing issue. What I am trying to do can be seen at:

https://newsite.zionsbranch.org/post-to-create-html-code-for-toggles/

where the “closed” toggles are spaced close together. When I use the table shortcodes on a page, I get extra spacing as shown here:

https://newsite.zionsbranch.org/class-replays/classes-by-topic/

The code on the second page is simply:

‘<span style=”font-family: times new roman,times;”>[table id=2 /]</span>
<span style=”font-family: times new roman,times;”>[table id=1 /]</span>’

I have also used the table shortcodes without the styling, and the same extra spacing still shows up.

I realize this is probably has something to do with how my theme is handling your shortcodes. Unfortunately, I don’t know how to effect the shortcodes.

Would you have any ideas on how to remove the spacing from around the tables?

The customer support with my theme developer, Themoholics, is very good. If you don’t know a solution, it is possible that Themoholics may be able to help.

I really appreciate your time working on this issue.

Sincerely,
Rich H.

Hi,

Yes, those <span> styles there play a role here, and I would not recommend using them. Instead, changing the font face in the tables is possible with some “Custom CSS” like

.tablepress-id-123 th,
.tablepress-id-123 td {
  font-family: times new roman,times;
}

Please try again with only the two Shortcodes in the page content (make sure to use the “Text” editor and not the “Visual” editor to see all content, including HTML).
The page content should be

[table id=2 /]

[table id=1 /]

(with that empty line!).

Also, for the tables with the toggles in them, please uncheck the “Alternating row colors”, “Row Highlighting”, and “Table Head” checkboxes.

Regards,
Tobias

Hi Tobias,

I processed your recommendations as follows:

Removed the styling from the code on the post where the multiple tables are shown (https://newsite.zionsbranch.org/class-replays/classes-by-topic/), leaving just the table shortcodes, with a space between the two table shortcodes, doing this in the “Text” editor.

Added the ‘font-family: times new roman,times !important;’ to the TablePress custom CSS option.

For both existing tables, I unchecked the boxes for “Alternating row colors”, “Row Highlighting”, and “Table Head” checkboxes.

When now viewing the page with the table shortcodes on them I have about twice as much space between the two toggles (which are the table shortcodes) as compared to the post where I have the toggle code without using the table shortcodes (https://newsite.zionsbranch.org/post-to-create-html-code-for-toggles/).

The reason I am being picky is that the post that will list multiple toggles, could end up with as many as 30 or 40 toggles (representing various books of the Bible and other scriptures), and the extra space between each toggle (or table shortcode) really adds up for the overall page length. The is a concern more for viewing on mobile devices, as I want the display to be showing as much as possible per viewing page.

Your TablePress plugin is great. If there is any other “tweak” you can think of to remove the spacing between multiple tables on the same page, that would be what I am after.

Thank you!
Rich H.

Hi,

ok, that’s great ??

Now, some more CSS to add:

.tablepress,
.tablepress + p {
    margin: 0;
    padding: 0;
}

Regards,
Tobias

Tobias, you simply amaze me. Your willingness to help in something you have no personal interest in is awesome.

Your latest addition to the custom CSS fixed my issue 100%. The display of the toggles now looks great!

Thank you very much for your help. I know that you offered help without any stipulations, but I have made a $25 donation through your TablePress plugin page. I figure the level of customer service you gave me is well worth that amount, considering I could have spent a week researching the issue and probably not resolved it.

Thank you so much for sticking with me on this issue!

Sincerely,
Rich H.

Hi,

no problem, you are very welcome! ?? Good to hear that this helped!
Thanks for that donation, I really appreciate it!

Best wishes,
Tobias

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