Title: Table Width
Last modified: August 20, 2016

---

# Table Width

 *  Resolved [Wendy](https://wordpress.org/support/users/gwade/)
 * (@gwade)
 * [13 years, 5 months ago](https://wordpress.org/support/topic/table-width/)
 * Hi, I have set up a table yet the width is too wide, how do I ensure that there
   is no padding in the cells and that it fits into the width allowable on my wordpress
   site. In Firefox the table clashes with the widgets on the side.
 * Thanks
    Grant
 * [http://wordpress.org/extend/plugins/tablepress/](http://wordpress.org/extend/plugins/tablepress/)

Viewing 15 replies - 106 through 120 (of 124 total)

[←](https://wordpress.org/support/topic/table-width/page/7/?output_format=md) [1](https://wordpress.org/support/topic/table-width/?output_format=md)
[2](https://wordpress.org/support/topic/table-width/page/2/?output_format=md) [3](https://wordpress.org/support/topic/table-width/page/3/?output_format=md)…
[7](https://wordpress.org/support/topic/table-width/page/7/?output_format=md) 8 
[9](https://wordpress.org/support/topic/table-width/page/9/?output_format=md) [→](https://wordpress.org/support/topic/table-width/page/9/?output_format=md)

 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [12 years, 8 months ago](https://wordpress.org/support/topic/table-width/page/8/#post-3349224)
 * Hi,
 * no code or syntax necessary for that. You can simply change a table ID on the
   table’s “Edit” screen, in the top section. There, you’ll see an input field with
   the current ID, that you can change to a new ID.
 * Regards,
    Tobias
 *  [wokkaboy](https://wordpress.org/support/users/wokkaboy/)
 * (@wokkaboy)
 * [12 years, 8 months ago](https://wordpress.org/support/topic/table-width/page/8/#post-3349225)
 * Hi Tobias
 * The tables on my homepage don’t appear to default to equal with, the cells on
   the left appear to be larger than on the right.
 * Please advise how I make them both 50% wide.
 * Site at [http://www.heliweb.co.uk](http://www.heliweb.co.uk)
 * Thanks
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [12 years, 8 months ago](https://wordpress.org/support/topic/table-width/page/8/#post-3349226)
 * Hi,
 * by default, the browser determines the width, based on the content. That’s why
   they are not equal in your case. In your case, please use
 *     ```
       .tablepress-id-2 td {
         width: 50%;
       }
       ```
   
 * to make them equal.
 * Regards,
    Tobias
 *  [wokkaboy](https://wordpress.org/support/users/wokkaboy/)
 * (@wokkaboy)
 * [12 years, 8 months ago](https://wordpress.org/support/topic/table-width/page/8/#post-3349227)
 * Thanks!
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [12 years, 8 months ago](https://wordpress.org/support/topic/table-width/page/8/#post-3349228)
 * Hi,
 * sure, no problem!
 * Best wishes,
    Tobias
 *  [Chirag Vora](https://wordpress.org/support/users/chirag740/)
 * (@chirag740)
 * [12 years, 7 months ago](https://wordpress.org/support/topic/table-width/page/8/#post-3349232)
 * Hi Tobias, Thanks for this plugin and awesome support.
 * these tables are occupying full width on my website: [http://bit.ly/1b1jyM0](http://bit.ly/1b1jyM0)
   
   I don’t know whether it is normal behavior or it’s due to my theme. How can I
   reduce the width of entire table such that it looks neat, without occupying entire
   width of page.
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [12 years, 7 months ago](https://wordpress.org/support/topic/table-width/page/8/#post-3349233)
 * Hi,
 * thanks for your question, and sorry for the trouble.
 * The best way to achieve this should be to add this CSS code to the “Custom CSS”
   textarea on the “Plugin Options” screen of TablePress:
 *     ```
       .tablepress-id-2 {
         width: auto;
       }
       ```
   
 * With this, the table will be only as wide as the content requires it.
 * Regards,
    Tobias
 *  [Chirag Vora](https://wordpress.org/support/users/chirag740/)
 * (@chirag740)
 * [12 years, 7 months ago](https://wordpress.org/support/topic/table-width/page/8/#post-3349234)
 * thanks Tobias, that did it. Another problem I’m having is with the table here:
   bit.ly/17AwFxJ the table head is colorless. I tried to change color using Snippet
   in your website’s FAQ. But it did not change the color of header.
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [12 years, 6 months ago](https://wordpress.org/support/topic/table-width/page/8/#post-3349235)
 * Hi,
 * good to hear that this helped!
 * About the missing color: The problem there is that your theme also sets the background
   color of the table head rows. Therefore, the CSS to change it has to be more “
   aggressive”. Please try again with e.g.
 *     ```
       .tablepress-id-123 thead th {
         background-color: #ff0000 !important;
       }
       ```
   
 * Regards,
    Tobias
 *  [Chirag Vora](https://wordpress.org/support/users/chirag740/)
 * (@chirag740)
 * [12 years, 6 months ago](https://wordpress.org/support/topic/table-width/page/8/#post-3349236)
 * Tried that.
    Didn’t help. Also tried:
 *     ```
       .tablepress-id-1 .row-1 td {
       	background-color: #ffffff !important;
       }
       ```
   
 * No change. I will get in touch with theme developers. Thanks for support 🙂
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [12 years, 6 months ago](https://wordpress.org/support/topic/table-width/page/8/#post-3349237)
 * Hi,
 * the code I gave you does work, but you must not forget to adjust the table ID.
   
   In your code, a slight change is necessary:
 *     ```
       .tablepress-id-1 .row-1 th {
       	background-color: #ffffff !important;
       }
       ```
   
 * And: Where exactly are you adding this code? I don’t see it in the “Custom CSS”.
   You should add it to the “Custom CSS” textarea on the “Plugin Options” screen
   of TablePress.
 * Regards,
    Tobias
 *  [1yen](https://wordpress.org/support/users/1yen/)
 * (@1yen)
 * [12 years, 6 months ago](https://wordpress.org/support/topic/table-width/page/8/#post-3349238)
 * seems like this is the place to get help with Tablepress!
 * I have no idea what I am doing wrong. I have the following code to adjust the
   columns widths of my table:
 *     ```
       .tablepress-id-1 .column-1 {
       	width: 4px;
       }
   
       .tablepress-id-1 .column-2 {
       	width: 40px;
       }
   
       .tablepress-id-1 .column-3 {
       	width: 5000px;
       }
       ```
   
 * In fact, it doesn’t matter what numbers I put for the width, it doesn’t appear
   to change anything. I feel I am missing something…
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [12 years, 6 months ago](https://wordpress.org/support/topic/table-width/page/8/#post-3349239)
 * Hi,
 * thanks for your post, and sorry for the trouble.
 * The code looks correct, so most likely the content in the table is forcing other
   widths. Can you please post a link to the page with the table, so that I can 
   take a look? Thanks!
 * Regards,
    Tobias
 *  [1yen](https://wordpress.org/support/users/1yen/)
 * (@1yen)
 * [12 years, 6 months ago](https://wordpress.org/support/topic/table-width/page/8/#post-3349240)
 * Thanks for the quick reply!
 * Here is the link. The table I added is towards the top, you can ignore what is
   below it.
 * [http://cst.net.technion.ac.il/past-seminars/](http://cst.net.technion.ac.il/past-seminars/)
 * ideally, I want the table to span the width of the main part of the page (up 
   to the sidebar). I want the date and speaker columns to be narrower to allow 
   more room for the title.
 * many thanks!
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [12 years, 6 months ago](https://wordpress.org/support/topic/table-width/page/8/#post-3349241)
 * Hi,
 * from what I can see, you have placed the table Shortcode in a manually created
   table which however only has one cell. That’s weird, and might be causing problems
   here.
    Instead, you should simply put the table into the page directly. You should
   then not even need that “Custom CSS” code.
 * Regards,
    Tobias

Viewing 15 replies - 106 through 120 (of 124 total)

[←](https://wordpress.org/support/topic/table-width/page/7/?output_format=md) [1](https://wordpress.org/support/topic/table-width/?output_format=md)
[2](https://wordpress.org/support/topic/table-width/page/2/?output_format=md) [3](https://wordpress.org/support/topic/table-width/page/3/?output_format=md)…
[7](https://wordpress.org/support/topic/table-width/page/7/?output_format=md) 8 
[9](https://wordpress.org/support/topic/table-width/page/9/?output_format=md) [→](https://wordpress.org/support/topic/table-width/page/9/?output_format=md)

The topic ‘Table Width’ 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/)

 * 124 replies
 * 21 participants
 * Last reply from: [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * Last activity: [12 years, 6 months ago](https://wordpress.org/support/topic/table-width/page/9/#post-3349248)
 * Status: resolved