Title: Tablepress responsive problem on row Last modified: July 19, 2021 --- # Tablepress responsive problem on row * Resolved [obegu2001](https://wordpress.org/support/users/obegu2001/) * (@obegu2001) * [4 years, 10 months ago](https://wordpress.org/support/topic/tablepress-responsive-problem-on-row/) * Hello. I am considering if I will be using responsive tablepress but I have some problems. 1) Normally, the bottom of the table with the text “previous and next” shows the “successivo” link in black, and with a black background it is not readable. 2) in a responsive mode (flip mode) since I added some buttons in javascript (Gumroad) the height of the lines does not adapt to the content( as it happens in normal mode on PC) 3) In a responsive mode the wrap text (a capo) doesn’t work and the long text line disappears behind the next cell Is there a css code that I can add to improve and use? Thanks and congratulations for your work! * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Ftablepress-responsive-problem-on-row%2F%3Foutput_format%3Dmd&locale=en_US) to see the link]_ Viewing 5 replies - 1 through 5 (of 5 total) * Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/) * (@tobiasbg) * [4 years, 10 months ago](https://wordpress.org/support/topic/tablepress-responsive-problem-on-row/#post-14676793) * 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 * Thread Starter [obegu2001](https://wordpress.org/support/users/obegu2001/) * (@obegu2001) * [4 years, 10 months ago](https://wordpress.org/support/topic/tablepress-responsive-problem-on-row/#post-14676991) * 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](https://www.studio-beethoven.it//errore%20tablepress%20responsive%20celle.jpg) * If I don’t add the break it appears as an example [Example cells with no breaks](https://www.studio-beethoven.it//errore%20tablepress%20responsive%20celle2.jpg) * Can I resolve this? * Thank you. All the best Bob * Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/) * (@tobiasbg) * [4 years, 10 months ago](https://wordpress.org/support/topic/tablepress-responsive-problem-on-row/#post-14677044) * 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 * Thread Starter [obegu2001](https://wordpress.org/support/users/obegu2001/) * (@obegu2001) * [4 years, 10 months ago](https://wordpress.org/support/topic/tablepress-responsive-problem-on-row/#post-14677926) * 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 * Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/) * (@tobiasbg) * [4 years, 10 months ago](https://wordpress.org/support/topic/tablepress-responsive-problem-on-row/#post-14679527) * 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 Viewing 5 replies - 1 through 5 (of 5 total) The topic ‘Tablepress responsive problem on row’ is closed to new replies. * ![](https://ps.w.org/tablepress/assets/icon.svg?rev=3192944) * [TablePress - Tables in WordPress made easy](https://wordpress.org/plugins/tablepress/) * [Frequently Asked Questions](https://wordpress.org/plugins/tablepress/#faq) * [Support Threads](https://wordpress.org/support/plugin/tablepress/) * [Active Topics](https://wordpress.org/support/plugin/tablepress/active/) * [Unresolved Topics](https://wordpress.org/support/plugin/tablepress/unresolved/) * [Reviews](https://wordpress.org/support/plugin/tablepress/reviews/) * 5 replies * 2 participants * Last reply from: [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/) * Last activity: [4 years, 10 months ago](https://wordpress.org/support/topic/tablepress-responsive-problem-on-row/#post-14679527) * Status: resolved