Hi,
thanks for your question, and sorry for the trouble.
1) To fix this, you can set a different color with CSS code. For that, please add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:
.dataTables_paginate a {
color: #ffffff !important;
}
2) For that, please add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:
@media (max-width: 979px) {
.tablepress-id-4 .column-6 {
height: 68px;
}
}
3) I’m not sure what you mean. In the flip mode, automatic line breaks are turned off by design. Please also try adding
@media (max-width: 979px) {
.tablepress-id-4 {
width: 100%;
}
}
to override the width that you are setting.
Regards,
Tobias
Thank you Tobias! You are my Hero 🙂 Tonight I will consider making a donation!
1) and 2) now are perfect!
3) I try to explain better. The problem is the long lines of text that are not shown. I didn’t know that the automatic line breaks option was turned off by default in flip mode.
If I manually add a break in the long text lines, I also see it in the responsive, but the header cells do not fit the measure of the cell with break line.
Example cells with line breaks
If I don’t add the break it appears as an example
Example cells with no breaks
Can I resolve this?
Thank you.
All the best
Bob
Hi Bob,
good to hear that this helped!
And thanks for the explanation on 3)!
If you want to use manual line breaks, you’ll essentially have to set a row height as well, just like in the CSS code for the buttons (just with the other columns names).
The problem with the cells being cut off is caused by setting the columns widths. You should only do that (for all columns!) when the screen size is large enough:
@media screen and min-width: 980px {
.tablepress-id-4 .column-1,
.tablepress-id-4 .column-2,
.tablepress-id-4 .column-6 {
width: 200px;
}
}
instead of what you have now for the column widths.
Regards,
Tobias
Regards,
Tobias
Hi Tobias. Thank you for your support!
I tried using your latest script, but while it worked fine in responsive, in normal mode the columns were too narrow on the PC screen and the Gumroad button was out of proportion.
I therefore preferred to follow your other suggestion: I inserted line breaks in the cells and I changed the height of the row in the responsive.
Everything works fine!
Best regards.
Bob
Hi,
this is in principle caused by the narrow content width of your theme. It’s not giving the table enough space.
But good to hear that you found a working solution now!
Best wishes,
Tobias
