Title: Customizing the Tables
Last modified: August 21, 2016

---

# Customizing the Tables

 *  Resolved [estuffs](https://wordpress.org/support/users/estuffs/)
 * (@estuffs)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/customizing-the-tables/)
 * Hey, thanks for the wonderful plugin. I read some documentation and the support
   forum, but can’t really figure it out. I’m trying to:
 * Customize the first column to be 200px, please see my code below, posted on [http://www.bestsportswatches.org/choosing-the-best-sports-watch/](http://www.bestsportswatches.org/choosing-the-best-sports-watch/),
   doesnt seem to be correctly displayed.
 * .tablepress-id-4 .column-1,
    .tablepress-id-4 .column-2, .tablepress-id-4 .column-
   3, .tablepress-id-4 .column-4, .tablepress-id-4 .column-5, .tablepress-id-4 .
   column-6, .tablepress-id-4 .column-7, .tablepress-id-4 .column-8, .tablepress-
   id-4 .column-9, .tablepress-id-4 .column-10 { padding: 3px; }
 * .tablepress-id-4 .column-1 {
    width: 200px; }
 * .dataTables_wrapper .tablepress-id-4 .sorting div:after,
    .dataTables_wrapper.
   tablepress-id-4 .sorting_asc div:after, .dataTables_wrapper .tablepress-id-4 .
   sorting_desc div:after { content: “”; }
 * .dataTables_wrapper .tablepress-id-4 .sorting,
    .dataTables_wrapper .tablepress-
   id-4 .sorting_asc, .dataTables_wrapper .tablepress-id-4 .sorting_desc { padding-
   right: 8px; }
 * [http://wordpress.org/extend/plugins/tablepress/](http://wordpress.org/extend/plugins/tablepress/)

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

 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/customizing-the-tables/#post-3920721)
 * Hi,
 * thanks for your question.
 * The reason for the problem with the width of the first column is that the entire
   table is already wider than the available content area. Due to the page having
   a sidebar, the table actually already overlaps the content area.
    Therefore, 
   the first column will not resize. To fix this, you could increase the table width
   even more:
 *     ```
       .tablepress-id-4 {
         width: 1100px !important;
       }
       ```
   
 * Additionally, you should shorten the first block of CSS (for the padding) to
 *     ```
       .tablepress-id-4 tbody td,
       .tablepress-id-4 tbody th {
         padding: 3px;
       }
       ```
   
 * so that you don’t have to specify each column in it. And finally, you might need
   to raise the priority of the first column’s width:
 *     ```
       .tablepress-id-4 .column-1 {
         width: 200px !important;
       }
       ```
   
 * Regards,
    Tobias
 *  Thread Starter [estuffs](https://wordpress.org/support/users/estuffs/)
 * (@estuffs)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/customizing-the-tables/#post-3920832)
 * Hi replaced anything referencing table 4 with the below, changing the width to
   1000 because the layout is 1000px now, but the first column is still not 200px.
 *     ```
       .tablepress-id-4 {
       	width: 1000px !important;
       }
   
       .tablepress-id-4 tbody td,
       .tablepress-id-4 tbody th {
       	padding: 3px;
       }
   
       .tablepress-id-4 .column-1 {
       	width: 200px !important;
       }
   
       .dataTables_wrapper .tablepress-id-4 .sorting div:after,
       .dataTables_wrapper .tablepress-id-4 .sorting_asc div:after,
       .dataTables_wrapper .tablepress-id-4 .sorting_desc div:after {
       	content: "";
       }
   
       .dataTables_wrapper .tablepress-id-4 .sorting,
       .dataTables_wrapper .tablepress-id-4 .sorting_asc,
       .dataTables_wrapper .tablepress-id-4 .sorting_desc {
       	padding-right: 4px;
       }
       ```
   
 * 2. How do I change the font style to be normal and not all upper case?
    3. How
   do I adjust the padding inside the cells?
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/customizing-the-tables/#post-3920848)
 * Hi,
 * the first column is still not 200px, because the sum of the other columns needs
   to be bigger than the remaining 800px. Therefore, the browser “takes something”
   away from the 200px again…
 * 2. That’s caused by your theme. To change that, add
 *     ```
       .entry .tablepress-id-4 thead th {
         text-transform: none;
       }
       ```
   
 * 3. We actually have the code for this, but your theme overwrites it again. Please
   extend
 *     ```
       .tablepress-id-4 tbody td,
       .tablepress-id-4 tbody th {
       	padding: 3px;
       }
       ```
   
 * to
 *     ```
       .entry .tablepress-id-4 tbody td,
       .entry .tablepress-id-4 tbody th {
       	padding: 3px;
       }
       ```
   
 * Regards,
    Tobias

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

 The topic ‘Customizing the Tables’ 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/)

 * 3 replies
 * 2 participants
 * Last reply from: [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * Last activity: [13 years, 2 months ago](https://wordpress.org/support/topic/customizing-the-tables/#post-3920848)
 * Status: resolved