Title: Tablepress responsive table row misalignment
Last modified: August 22, 2016

---

# Tablepress responsive table row misalignment

 *  Resolved [Ria C](https://wordpress.org/support/users/ria-c/)
 * (@ria-c)
 * [11 years, 3 months ago](https://wordpress.org/support/topic/tablepress-responsive-table-row-misalignment/)
 * Hi,
 * Thanks for a great plugin!
 * Unfortunately, I seem to have the same issue as some other users in that once
   I made the table responsive (for all devices), the alignment of the rows against
   the headings is now not correct. I tried some of the CSS fixes you have already
   suggested but the misalignment is still present. The theme I am using is the 
   Divi theme from Elegant Themes, & here is the link to the page with the table.
 * [http://www.staffinholidaycottage.co.uk/prices-availability/](http://www.staffinholidaycottage.co.uk/prices-availability/)
 * I’d really appreciate it if you could let me know the CSS I need to add to fix
   it.
 * Thank you,
 * Ria.
 * [https://wordpress.org/plugins/tablepress/](https://wordpress.org/plugins/tablepress/)

Viewing 7 replies - 1 through 7 (of 7 total)

 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [11 years, 3 months ago](https://wordpress.org/support/topic/tablepress-responsive-table-row-misalignment/#post-5758049)
 * Hi,
 * thanks for your post, and sorry for the trouble.
 * Hi Ryan,
 * thanks for your post, and sorry for the trouble.
 * You are affected by a small HTML problem here. For some reason there are extra`
   <pre>` HTML tags around the table Shortcode code on that page, which need to 
   be removed. For that, please go to the “Edit” screen of the page and switch from
   the “Visual” to the “Text” editor mode. Then, remove the `<pre>` and `</pre>`
   around the table Shortcode, so that it stands by itself on its own line.
 * Regards,
    Tobias
 *  Thread Starter [Ria C](https://wordpress.org/support/users/ria-c/)
 * (@ria-c)
 * [11 years, 3 months ago](https://wordpress.org/support/topic/tablepress-responsive-table-row-misalignment/#post-5758066)
 * Hi Tobias,
 * Many thanks for such a quick reply.
 * I have done what you said, & whilst it is much better than it was, it is still
   not quite aligned correctly. Is there anything else I can do?
 * Thank you,
 * Ria.
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [11 years, 3 months ago](https://wordpress.org/support/topic/tablepress-responsive-table-row-misalignment/#post-5758074)
 * Hi Ria,
 * nice! Yes, now we can even out the padding between the cells, which (due to your
   theme) are different.
    Please add this to the “Custom CSS”:
 *     ```
       .entry-content .tablepress tr td,
       .entry-content .tablepress tr th {
         margin-top: 8px;
         margin-bottom: 8px;
       }
       ```
   
 * Regards,
    Tobias
 *  Thread Starter [Ria C](https://wordpress.org/support/users/ria-c/)
 * (@ria-c)
 * [11 years, 3 months ago](https://wordpress.org/support/topic/tablepress-responsive-table-row-misalignment/#post-5758087)
 * Hi Tobias,
 * I’ve tried it but it hasn’t quite worked.
    This is the custom CSS I now have 
   for the table. Is the other CSS impacting what you have advised me to do? I only
   added this because I needed the test colour to be darker.
 * .tablepress tbody td {
    font-family: Tahoma; font-size: 14px; color: #000000;}
 * .entry-content .tablepress tr td,
    .entry-content .tablepress tr th { margin-
   top: 8px; margin-bottom: 8px; }
 * Is there anything else we can try? If it’s easier, I’m happy to make it responsive
   just on a tablet & phone, rather than ‘all’.
 * Many thanks,
 * Ria.
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [11 years, 3 months ago](https://wordpress.org/support/topic/tablepress-responsive-table-row-misalignment/#post-5758093)
 * Hi Ria,
 * ah, my bad. I wrote `margin` instead of `padding`… Please try again with
 *     ```
       .entry-content .tablepress tr td,
       .entry-content .tablepress tr th {
         padding-top: 8px;
         padding-bottom: 8px;
       }
       ```
   
 * Regards,
    Tobias
 *  Thread Starter [Ria C](https://wordpress.org/support/users/ria-c/)
 * (@ria-c)
 * [11 years, 3 months ago](https://wordpress.org/support/topic/tablepress-responsive-table-row-misalignment/#post-5758095)
 * Hi Tobias,
 * It works!
 * Thank you very much for your help, it looks great.
 * Regards,
 * Ria.
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [11 years, 3 months ago](https://wordpress.org/support/topic/tablepress-responsive-table-row-misalignment/#post-5758098)
 * Hi,
 * no problem, you are very welcome! 🙂 Good to hear that this helped!
 * Best wishes,
    Tobias
 * P.S.: In case you haven’t, please [rate TablePress](http://wordpress.org/support/view/plugin-reviews/tablepress)
   here in the plugin directory. Thanks!

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Tablepress responsive table row misalignment’ 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/)

## Tags

 * [alignment](https://wordpress.org/support/topic-tag/alignment/)
 * [misalignment](https://wordpress.org/support/topic-tag/misalignment/)
 * [row](https://wordpress.org/support/topic-tag/row/)

 * 7 replies
 * 2 participants
 * Last reply from: [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * Last activity: [11 years, 3 months ago](https://wordpress.org/support/topic/tablepress-responsive-table-row-misalignment/#post-5758098)
 * Status: resolved