Title: Table Press Column Widths
Last modified: April 17, 2017

---

# Table Press Column Widths

 *  Resolved [Kathy Jones](https://wordpress.org/support/users/kathy-jones/)
 * (@kathy-jones)
 * [9 years ago](https://wordpress.org/support/topic/table-press-column-widths/)
 * I read the documentation about changing the width of tables by adding the CSS
   code, but I am not sure I understand it correctly. I have a table with four columns
   and would like to change the width of two of the columns. If the width of the
   table is 100%, I would like to have two of the columns narrow and two wider. 
   Ideally I would like a 50/25 ratio for the two sets of columns. The first one
   would be 25%, second 25% and then the other two columns would be the same ratio
   of 25% to 50%. How would I accomplish that? Thank you.

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

 *  Thread Starter [Kathy Jones](https://wordpress.org/support/users/kathy-jones/)
 * (@kathy-jones)
 * [9 years ago](https://wordpress.org/support/topic/table-press-column-widths/#post-9038951)
 * The page I am working with is [http://www.qbfhs.ca/genealogy-resources/canadian-genealogy-research-records/provincial-resources/](http://www.qbfhs.ca/genealogy-resources/canadian-genealogy-research-records/provincial-resources/)
   The table is too wide and is going into the right sidebar. I did try changing
   the rows in CSS as per your instructions. But it did not make any changes that
   I need. Should I be adding less percentage for these two rows? Thank you.
 * .tablepress-id-24 .column-1 {
    width: 120px; }
 * .tablepress-id-24 .column-3 {
    width: 120px; }
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [9 years ago](https://wordpress.org/support/topic/table-press-column-widths/#post-9039683)
 * Hi,
 * thanks for your question, and sorry for the trouble.
 * If tables extend into the sidebar, the solution is a bit more complex than setting
   column widths, unfortunately. This is due to the way how width calculation for
   tables is done by the web browser.
 * In your table, columns 1 and 3 only show a small text link, so those can be made
   smaller. However, this is not possible with column 3, as the last row has its
   image in that column (to be centered on the page, I assume).
    I therefore suggest
   to move the map in the last row to the left as well. After that, you can add 
   this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:
 *     ```
       .tablepress-id-24 .column-1,
       .tablepress-id-24 .column-3 {
         width: 100px;
       }
       ```
   
 * This should make the text columns smaller.
 * Regards,
    Tobias

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

The topic ‘Table Press Column Widths’ 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/)

 * 2 replies
 * 2 participants
 * Last reply from: [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * Last activity: [9 years ago](https://wordpress.org/support/topic/table-press-column-widths/#post-9039683)
 * Status: resolved