reducing table size

Hi Jay,

thanks for your question.

Usually, some “Custom CSS” code like

.tablepress-id-123 {
  width: 40%;
}

works fine.
Unfortunately, I can’t check, as the page in your link does not contain a table?!

Regards,
Tobias

Thanks. That worked like a champ. much appreciated. Jay

Hi,

great! Good to hear that this was fixed so easily ??

Best wishes,
Tobias

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

Hi Tobias, I am facing the same issue as described above. I want to resize the table (ID=2) located on my site below to about 70 percent.
https://www.comparerowingmachines.com/
i posted the code below on the Custom CSS section of the TablePress plugin page.

.tablepress-id-2 {
  width: 40%;
}

While the necessary adjustments are indicated when i preview the table in TablePress, the table stays the same on my homepage even after repeated loading of my page and trying other browsers. what do i do?
Thanks,
Chuck

@thepusher4u – please start your own thread – this one is marked resolved and CSS questions are quite specific to your site.

Hi,

thanks for your question, and sorry for the trouble.

That won’t work like that, unfortunately. Your table simply contains too much content for the space that is available on that page.
Instead of trying to limit the width of the table, you will therefore need to make the minimum width of the columns smaller, or remove content.
An initial step could be to add this CSS to make the images in the second column smaller:

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

Regards,
Tobias