Updated TablePress and table now too wide for site

Hi Alex,

thanks for your question.

Are you refering to the table with the images of the “Photographer’s Guides” on the homepage?
You might want to uncheck the “Table Head” checkbox on the “Edit” screen of that table, as that’s not really useful here (and will then automatically turn of the advanced features).

And can you explain why you think that this table is too wide? Also, the links are working fine for me?!

Regards,
Tobias

Hi, Tobias — Thanks for your reply. Yes, that is the table I’m talking about. Actually, though, when I posted my message about the problem, I had a table with four columns. That table used to fit on the page very nicely, with small images of the book covers, but yesterday the book cover images displayed as larger than before, with the result that the two columns on the right extended too far to the right, overlapping the other content on the page, and the links in the right column did not work. As a temporary fix, yesterday I created a new table with just two columns. I would like to be able to go back to a table with four columns so the table does not have so many rows, but, even with the small-sized book cover images, I could not find a way to get the individual cells to be small enough to allow for four columns in the table. I do not have the Table Head Row box checked. Thanks for any help you can provide.

–Alex

Hi Alex,

ok, that makes sense. Can you then please put in the table with four columns again? I’ll then find the necessary CSS code to make it fit agian.

Regards,
Tobias

Hi, Tobias — Okay I will go do that right now. Thanks.

–Alex

Hi Alex,

great, thanks!

To now make the images fit again, please add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

#content .tablepress-id-1 img {
    max-width: 100%;
}

Regards,
Tobias

Tobias — Okay, I made the change and it worked! Thanks very much for your response. The table looks great now; I really appreciate it.

–Alex

Hi Alex,

yes, very nice! ??
And no problem, you are very welcome!

Best wishes,
Tobias

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

Hi Tobias

I am having the opposite problem to Alex. Instead of my images appearing too big, mine are coming up very very small!

I have tried manually changing the column width of my text and images, but to no avail. I also tried posting the CSS that you suggested to Alex, but changing it to min-width: 100%.

Do you have any suggestions please for what could be the problem?

Here is the link to the site https://www.hurstpierpointcollege.co.uk/libblog/

I’m having trouble with the table in the first post and also on this page
https://www.hurstpierpointcollege.co.uk/libblog/action-adventures/

I’ve used Tablepress lots of times and have never experienced this before… I don’t know where I’ve gone wrong.

Any help you can offer would be much appreciated.
Thanks

NShukla

Hi,

thanks for your post, and sorry for the trouble.

It should be enough here to update your WordPress to the latest 3.7.1 and then also update TablePress to 1.2. The current versions have some CSS in them that should fix this.

Then, please also remove the CSS with the min-width that you have added. That is not helpful here.
Instead (if the images are still wrong after updating everything), please try adding this to the “Custom CSS”:

#content .tablepress img{
  max-width: none;
}

Regards,
Tobias