Title: Change row height
Last modified: August 22, 2016

---

# Change row height

 *  Resolved [Actiontripguru](https://wordpress.org/support/users/actiontripguru/)
 * (@actiontripguru)
 * [11 years, 8 months ago](https://wordpress.org/support/topic/change-row-height/)
 * Hi
 * I’m finding Tablepress very useful so far but have run into an issue where it
   is increasing the height of my second row. See the “stats” tab in:
    [http://actiontripguru.com/windsurfing-destinations-january/](http://actiontripguru.com/windsurfing-destinations-january/)
 * I suspect this is being caused by the icons I use across this row. There is now
   extra space below the icons and I don’t want the icons any smaller. How can I
   get the row height to match the other rows?
 * If there is a better way of setting the icon size in each cell than using <h4
   >, please advise.
 * Thanks for your help
 * Andrew
 * [https://wordpress.org/plugins/tablepress/](https://wordpress.org/plugins/tablepress/)

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

 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [11 years, 8 months ago](https://wordpress.org/support/topic/change-row-height/#post-5273349)
 * Hi,
 * thanks for your post, and sorry for the trouble.
 * This is likely caused by those extra `<h4>`s. Please remove those and instead
   try to set the size of the icons with CSS, like
 *     ```
       .tablepress .icon {
         font-size: 150%;
       }
       ```
   
 * Regards,
    Tobias
 *  Thread Starter [Actiontripguru](https://wordpress.org/support/users/actiontripguru/)
 * (@actiontripguru)
 * [11 years, 8 months ago](https://wordpress.org/support/topic/change-row-height/#post-5273387)
 * Hi Tobias
 * No worries and thanks for your quick answer.
 * Yes, removing the H4’s worked and the rows are now all the same height. Unfortunately
   adding the suggested code has no effect on the size of the icons though.
 * What next?
 * Regards
 * Andrew
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [11 years, 8 months ago](https://wordpress.org/support/topic/change-row-height/#post-5273391)
 * Hi Andrew,
 * ok, then please try again with
 *     ```
       .tablepress [class^="icon"] {
           font-size: 150%;
       }
       ```
   
 * By the way, you can shorten all of that
 *     ```
       .tablepress-id-1 .column-1 {
       	padding: 8px;
       }
   
       .tablepress-id-1 .column-2 {
       	padding: 8px;
       }
   
       .tablepress-id-1 .column-3 {
       	padding: 8px;
       }
       ```
   
 * stuff to
 *     ```
       .tablepress-id-1 th,
       .tablepress-id-1 td {
       	padding: 8px !important;
       }
       ```
   
 * without having to specify all columns separately.
 * Regards,
    Tobias
 *  Thread Starter [Actiontripguru](https://wordpress.org/support/users/actiontripguru/)
 * (@actiontripguru)
 * [11 years, 8 months ago](https://wordpress.org/support/topic/change-row-height/#post-5273412)
 * Hi Tobias
 * That’s brilliant!
    Problem solved with the icons.
 * I followed your kind suggestion for tidying up the CSS – for some reason that
   stops the column width setting for column 1 from working? Any ideas?
 * Regards
 * Andrew
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [11 years, 8 months ago](https://wordpress.org/support/topic/change-row-height/#post-5273481)
 * Hi Andrew,
 * good to hear that this helps!
 * Regarding the width of the first column: The problem now is that the other cells
   take more width, so that there’s not enough left for the first column. To change
   that, please change
 *     ```
       padding: 8px !important;
       ```
   
 * to
 *     ```
       padding: 8px 4px !important;
       ```
   
 * That will reduce the left and right spacing in the cells.
 * Regards,
    Tobias
 *  Thread Starter [Actiontripguru](https://wordpress.org/support/users/actiontripguru/)
 * (@actiontripguru)
 * [11 years, 8 months ago](https://wordpress.org/support/topic/change-row-height/#post-5273590)
 * Hi Tobias
 * That’s perfect!
    Many thanks for your kind and quick assistance.
 * Regards
 * Andrew
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [11 years, 8 months ago](https://wordpress.org/support/topic/change-row-height/#post-5273593)
 * 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!
 *  [Watch Teller](https://wordpress.org/support/users/watchteller/)
 * (@watchteller)
 * [11 years, 8 months ago](https://wordpress.org/support/topic/change-row-height/#post-5273598)
 * Thanks
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [11 years, 8 months ago](https://wordpress.org/support/topic/change-row-height/#post-5273620)
 * Hi,
 * sure, always welcome! 🙂
 * Best wishes,
    Tobias
 *  Thread Starter [Actiontripguru](https://wordpress.org/support/users/actiontripguru/)
 * (@actiontripguru)
 * [11 years, 8 months ago](https://wordpress.org/support/topic/change-row-height/#post-5273621)
 * Hi Tobias
 * I added a brief recommendation in the directory for you
 * Regards
 * Andrew
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [11 years, 8 months ago](https://wordpress.org/support/topic/change-row-height/#post-5273622)
 * Hi Andrew,
 * thanks, I really appreciate that!
 * Best wishes,
    Tobias
 *  [Soccer Page Manager](https://wordpress.org/support/users/soccer-page-manager/)
 * (@soccer-page-manager)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/change-row-height/#post-5273737)
 * Hi Tobias,
    I’m new to WP and Tablepress but have been tasked with maintaining
   our soccer team webpage: [http://www.athensdrivejagclub.org/team/soccer-mens-2/](http://www.athensdrivejagclub.org/team/soccer-mens-2/),
   which is part of a larger site for all the school teams: [http://www.athensdrivejagclub.org/](http://www.athensdrivejagclub.org/)
   I do not have access to the style sheet, which the administrator will not share
   so that each team’s page is protected. We are free to simply add content, but
   I am excited by the creative potential here. Each team is limited to a single
   page, so at the very least I want to keep the page compact to limit the amount
   of scrolling readers must do. I want to reduce row height, but the solutions 
   I’ve read (row height, padding, etc) all require access to the style sheet to
   enter CSS code, which I’ve found no way to do. Is there a way to change row height
   without style sheet access? Thanks, Joyce
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/change-row-height/#post-5273738)
 * Hi Joyce,
 * thanks for your post, and sorry for the trouble.
 * In your case, you’ll want to change the line height in the rows (a setting that’s
   coming from the theme).
    This is only possible with CSS code, so that you will
   need to add e.g.
 *     ```
       .tablepress td,
       .tablepress th {
           line-height: normal;
       }
       ```
   
 * to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress.
 * Regards,
    Tobias
 *  [Soccer Page Manager](https://wordpress.org/support/users/soccer-page-manager/)
 * (@soccer-page-manager)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/change-row-height/#post-5273739)
 * Thanks for the definitive answer. Saves me from an exercise in futility.
    Appreciate
   your help, Joyce
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/change-row-height/#post-5273740)
 * Hi,
 * no problem, you are very welcome! I hope that you can find a solution for this
   on your site.
 * Best wishes,
    Tobias

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

The topic ‘Change row height’ 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

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

 * 15 replies
 * 4 participants
 * Last reply from: [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * Last activity: [10 years, 9 months ago](https://wordpress.org/support/topic/change-row-height/#post-5273740)
 * Status: resolved