table is broken / divided

Hi Chad,

thanks for your post, and sorry for the trouble.

Nope, this is not about the table Shortcode. You do not need that Extension, and cna uninstall it again. Instead, there’s some CSS in your theme that makes the last column “float”, so that it is separated from the rest of the table and shifted to the right.
This can be fixed with some “Custom CSS” code, but to find out that exact CSS code (it slightly differs from theme to theme), I need to take a look at the page with the table (to be able to inspect the code). Could you maybe publish the page with the table temporarily (maybe under a URL that is not in your site’s navigation menus), so that I can take a look? I’ll then gladly find the necessary CSS code, so that you can then un-publish the page with the table again.

Regards,
Tobias

Thanks for your prompt response, Tobias.
I published it on a separate page, not listed on the menu:
https://marketeerland.info/test
I also uninstalled the Extension.
Grateful for your time!
Chad

Hi Chad,

great, thanks for the link!

Here’s the CSS code that fixes this on your site. Please paste that into the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

.tablepress [class*="column"] + [class*="column"]:last-child {
  float: none;
}

Regards,
Tobias

Tobias, thanks, it worked perfectly!!
I have a couple quick follow-up issues, if you’ll indulge me further…

The images I’ve included (globe and flag) show up perfectly on the preview within Tablepress, but appear as a minuscule fraction of their correct size on the actual page.

Secondly, is alignment functionality available?… to, for example, left align a column, or row, or cell? I’m sure there’s an obvious answer which I’ll feel silly for missing.

Chad

Hi Chad,

great to hear that this worked already!

The difference between the preview and the actual page comes from your theme’s CSS. That is not applied in the preview, therefore the difference. To fix that, please add this “Custom CSS”:

.tablepress img {
  padding: 0;
  margin: 0;
  border: 0;
}

Alignment is also possible with CSS code. For example, the code

.tablepress-id-1 .column-2,
.tablepress-id-1 .column-3 {
  text-align: right;
}

would align the columns 2 and 3 to the right in that table.

Regards,
Tobias

Perfect!
I read support documentation a little further and actually figured out the alignment issue just minutes before I read your response. Makes sense. And now the image issue is fixed, as well! Ready to publish, thanks to your timely answers.
Thanks again, Tobias! You’ve earned every pixel’s-worth of 5 stars, not to mention a donation ??
Chad

Hi,

very cool that this helped ??

And thanks for the rating and for wanting to donate, I really appreciate it!

Best wishes,
Tobias