Tables dont fit

Hi,

thanks for your post, and sorry for the trouble.
One thing first: Next time, please mark your post with something like [NSFW] (Not Safe for Work) in the title, thanks! ??

Regarding the issue: There’s nothing really that I can do here, there’s simply too much content in the tables for everything to fit. You could maybe add Horizontal Scrolling (using the scroll mode of the TablePress Extension from https://tablepress.org/extensions/responsive-tables/ or with a fixed first column using https://tablepress.org/extensions/datatables-fixedcolumns/

Regards,
Tobias

DAMN. NOW i finally know what NSFW means. THANKS ??
that was my fault; i had problems with my botom.

Most of tables are fine, but this one: https://www.strap-on-it.de/strapon/umschnalldildo-vergleich/

Its a litte bit to big. Can i do somethin here to fix it?

Hi,

it seems that something is increasing the padding (white space) in these cells.
Please add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

table.tablepress tbody td {
  padding: 8px;
}

Regards,
Tobias

That looks a bit better, but there are some little other issues.

Let me finish my relaunch first. Maybee i’ll come back to you later. ??

Greets

Hi,

sure, no problem!

Best wishes,
Tobias

me again ??

it looks almost the way i want it to.

its about this table still: https://www.strap-on-it.de/strapon/umschnalldildo-vergleich/

But: in mobile view the fields which are described with “Fun Factory Sharevibe” and so on are to wide, so that you see just a little bit of the other content on mobe devices.

is there any possibility to make these fields smaller, like reduze the font sitze or beeter: making a carriage return or something like that?

Thanks. ??

Hi,

you could try to set a column width manually:

@media (max-width: 979px) {
  .tablepress-id-16 thead th {
    width: 100px !important;
  }
}

Regards,
Tobias

sorry, i just have seen, you answered already.

i’ve tried it whith your code, but nothing happened :/
that doesnt seem to work.

Greets

Hi,

where did you put this code? It seems that your “Custom CSS” in TablePress is empty?

Regards,
Tobias

Hey

usually i do not use the custom css in tablepress, but a extern file called “Head.css” for my extern css.

But i just tested it also in custom css for table press. that doesnt work too.

I deleted it again

Hi,

can you please try again with this modified version?:

@media (max-width: 979px) {
  .tablepress-id-16.tablepress-responsive-tablet thead th {
    width: 100px !important;
    padding: 10px !important;
  }
}

Regards,
Tobias

yeah. That looks MUCH better. Thanks, Tobi! ??

Hi,

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

Best wishes,
Tobias