Title: Tables displaying wrong column width
Last modified: February 28, 2017

---

# Tables displaying wrong column width

 *  Resolved [einstein green](https://wordpress.org/support/users/einstein-green/)
 * (@einstein-green)
 * [9 years, 3 months ago](https://wordpress.org/support/topic/tables-displaying-wrong-column-width/)
 * I have a few tables on my site, like on this page: [http://www.andesworldtravel.com/trips/col-56-a-taste-of-colombia/#tab-id-3](http://www.andesworldtravel.com/trips/col-56-a-taste-of-colombia/#tab-id-3)
   
   where the tables are displaying the wrong column width (too narrow on column 
   1). It seems they are being tagged with the css cladd .itinerary, since I have
   this code for some other tables,
 * .itinerary .column-1 {
    width: 75px; }
 * but there is no extra css class listed on the tables on that page. Can you see
   what’s happening here?
    thanks nancy

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

 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [9 years, 3 months ago](https://wordpress.org/support/topic/tables-displaying-wrong-column-width/#post-8856257)
 * Hi,
 * thanks for your question, and sorry for the trouble.
 * `.itinerary` seems to be a CSS class for the tab container that’s around the 
   tables.
 * You could try overwriting this setting for tables, by adding this to the “Custom
   CSS” textarea on the “Plugin Options” screen of TablePress:
 *     ```
       .itinerary .tablepress .column-1 {
         width: auto;
       }
       ```
   
 * Regards,
    Tobias
 *  Thread Starter [einstein green](https://wordpress.org/support/users/einstein-green/)
 * (@einstein-green)
 * [9 years, 3 months ago](https://wordpress.org/support/topic/tables-displaying-wrong-column-width/#post-8856415)
 * HI Tobias
    Not sure why .itinerary would be targeting the tab container – I have
   other tables with .itinerary class that are fine, and other tables without a 
   css class are also fine (not displaying like .itinerary).
 * Isn’t the code here only targeting the table?
 * .itinerary .column-1 {
    width: 75px; } I also tried .itinerary .tablepress .column-
   1 { width: 75px; }
 * I put the css changes for tablepress in my main css so I am not using the Plugin
   Options on Tablepress itself. I tried with your code, in various ways, but it
   didn’t change anything. I need the .itinerary class set at 75 px, not auto.
    ???
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [9 years, 3 months ago](https://wordpress.org/support/topic/tables-displaying-wrong-column-width/#post-8856436)
 * Hi,
 * ok, now I’m confused.
 * `.itinerary` (from taking a look at the HTML source of the page) is a CSS class
   on the tabs container element. Due to this, all first column of all tables that
   are inside any tab of that tab container will have their width set to 75px.
    (
   This is also what I was seeing when I first replied.)
 * Is this what you want? Or are they too narrow? Then, why don’t you change the
   value to something higher?
    Or do you actually just want to use that `.initerary`
   class to alter the column width on the table inside the “Itinerary” tab? Then,
   it should not be a CSS class of the container, but only that tab.
 * Regards,
    Tobias
    -  This reply was modified 9 years, 3 months ago by [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/).
 *  Thread Starter [einstein green](https://wordpress.org/support/users/einstein-green/)
 * (@einstein-green)
 * [9 years, 3 months ago](https://wordpress.org/support/topic/tables-displaying-wrong-column-width/#post-8856478)
 * Hi Tobias
    ah now I see the problem. I had some tab containers tagged “itinerary”,
   as well as some tables. Will fix the problem now. thanks for pointing it out!
   best Nancy
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [9 years, 3 months ago](https://wordpress.org/support/topic/tables-displaying-wrong-column-width/#post-8856653)
 * Hi Nancy,
 * no problem, good to hear that this helped! 🙂
    A quick work around could be to
   use e.g. `itinerary-table` as the CSS class for the tables.
 * Regards,
    Tobias

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

The topic ‘Tables displaying wrong column 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/)

## Tags

 * [column width](https://wordpress.org/support/topic-tag/column-width/)
 * [css-class](https://wordpress.org/support/topic-tag/css-class/)

 * 5 replies
 * 2 participants
 * Last reply from: [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * Last activity: [9 years, 3 months ago](https://wordpress.org/support/topic/tables-displaying-wrong-column-width/#post-8856653)
 * Status: resolved