Hi,
thanks for your question, and sorry for the trouble.
The reason for this is that the table content is too wide when the table is shown on a small screen. You will need a solution for responsiveness. One idea could be to use the scroll mode that the TablePress Extension from https://tablepress.org/extensions/responsive-tables/ offers.
Regards,
Tobias
Thread Starter
T9S
(@hippow)
Hello Tobias,
Thank you for your quick answer ! 🙂
The thing is that it is only a little bit of the background who is going out, not the data.
Is it not possible to reduce a bit the size of the data policy for example ?
Or to reduce the left margin ?
Thanks
Hi,
you could try shortening long words, or reduce the padding in the table cells, by adding this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:
.tablepress-id-123 th,
.tablepress-id-123 td {
padding: 4px !important;
}
(where 123 is the table ID).
If that does not help, I suggest to use the scroll mode of the TablePress Responsive Tables Extension that I mentioned above.
Regards,
Tobias
Thread Starter
T9S
(@hippow)
Hello,
It is working thank you very much !!!
Is there not a way to say that this code apply to all tablepress and not only to the one with ID 123 ?
Once again thanks a lot 🙂
Hi,
no problem, you are very welcome! 🙂 Good to hear that this helped!
Yes, this is also possible. Just replace .tablepress-id-123 by .tablepress everywhere in the code.
Best wishes,
Tobias
P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!
Thread Starter
T9S
(@hippow)
Perfect you are the best thanks 🙂 !!!
And of course I gave a 5 stars rating to you plugin ! 🙂
Hi,
thanks, that’s really very nice of you!
Best wishes,
Tobias
