Image too large in Desktop view

Hi,

thanks for your question, and sorry for the trouble.

You could try setting a maximum width on the column. For that, please add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

.tablepress-id-1 .column-1 {
	max-width: 100px;
}

Regards,
Tobias

Thank you Tobias, that worked a treat, I wonder, is there a list of CSS codes for tablepress that I could refer to, to make simple adjustments to my tables?

Kind Regards, Gem ??

Hi,

no problem, you are very welcome! ?? Good to hear that this helped!

CSS is a very powerful language, for some example, please see https://tablepress.org/faq/ and https://tablepress.org/faq/documentation-css-selectors-styling/

Best wishes,
Tobias

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

Good Morning my friend, apologies for coming back to this, thanks so much for your help, it fixed my first table, however subsequent tables are still showing bigger images but this time some only in mobile view and in others both, below is an example of three tables, the first works and shows smaller images in both, the one below it is another of the tables showing images too big in mobile but ok in desktop and the third showing too big in both:

OK IN BOTH https://itmedia4u.com/dronfieldfc/teams/squad-statistics/squad-statistics-adult-teams/squad-statistics-mens-first-team/

OK DT TOO BIG MOBILE https://itmedia4u.com/dronfieldfc/teams/squad-statistics/squad-statistics-adult-teams/squad-statistics-mens-reserve-team/

TOO BIG ON BOTH https://itmedia4u.com/dronfieldfc/teams/squad-statistics/squad-statistics-adult-teams/squad-statistics-ladies-teams/

All tables are in the same tablepress installation.

Many Thanks as always,

Gem

Hi,

the reason for this simply is that you have so far only made these changes to the CSS for table 1. In your “Custom CSS”, you will have to add the block

.tablepress-id-2 img {
	max-width: 100%;
	height: auto;
}
.tablepress-id-2 .column-1 {
	max-width: 70px;
}
.tablepress-id-4 img {
	max-width: 100%;
	height: auto;
}
.tablepress-id-4 .column-1 {
	max-width: 70px;
}

to apply this to tables 2 and 4 as well.

Regards,
Tobias

Thanks again so much Tobias, I feel another donation coming on!

Kind Regards,

Gem ??

Hi,

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

Best wishes,
Tobias