Title: CSS Styleing
Last modified: August 20, 2016

---

# CSS Styleing

 *  Resolved [nemothefish](https://wordpress.org/support/users/nemothefish/)
 * (@nemothefish)
 * [13 years, 7 months ago](https://wordpress.org/support/topic/css-styleing/)
 * Hi Tobias
 * AS you suggested, I migrated from your WP-Table reloaded Plugin to this one..
   I love the ease of use
 * But can you offer me some insight into using the CSS for this, your documetion
   is incomplete…
 * Im looking to style the header and the main body of the table located here
 * [http://iaucc.ie/information-for-students/colleges](http://iaucc.ie/information-for-students/colleges)
 * As you can see from this the second colum is rather wide, I would like help in
   making it narrower
 * .tablepress-id-4 .column-2 {
    width: 100px; }
 * this is what I have in use, im aware that the column will adjust to the with 
   of the text, but to make it as snug as possible, I wanting to use this… I would
   also like to make colum one the with of the Icon
 * Kindest
    N
 * [http://wordpress.org/extend/plugins/tablepress/](http://wordpress.org/extend/plugins/tablepress/)

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

 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [13 years, 7 months ago](https://wordpress.org/support/topic/css-styleing/#post-3167141)
 * Hi,
 * thanks for your questions.
    (Yes, the documentation is still incomplete, sorry
   about that 🙁 )
 * As a start, please deactivate the “horizonal scrolling” feature for this table,
   by unchecking the corresponding checkbox on the table’s “Edit” screen. That feature
   is not necessary here and makes it hard to set the widths.
    Then, in your “Custom
   CSS” change the block
 *     ```
       .tablepress{
       	text-align:centre;
       }
       ```
   
 * to
 *     ```
       .tablepress th,
       .tablepress td {
       	text-align: center;
       }
       ```
   
 * to center the cells (which is what you want, I assume). The selector needs to
   be a little bit more specific here, and CSS uses American English.
    Also, please
   add
 *     ```
       .tablepress-id-4 {
         width: auto;
       }
       ```
   
 * That code will then basically allow you to set individual column widths, as by
   default the table takes up the entire space.
 * Regards,
    Tobias
 *  Thread Starter [nemothefish](https://wordpress.org/support/users/nemothefish/)
 * (@nemothefish)
 * [13 years, 7 months ago](https://wordpress.org/support/topic/css-styleing/#post-3167212)
 * Cool Stuffs I will give that a go now… so and let you know know I gets on…
 * Kindest
    N
 *  Thread Starter [nemothefish](https://wordpress.org/support/users/nemothefish/)
 * (@nemothefish)
 * [13 years, 7 months ago](https://wordpress.org/support/topic/css-styleing/#post-3167213)
 * Sorted… Perfecto…
 * Genius…
 * N
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [13 years, 7 months ago](https://wordpress.org/support/topic/css-styleing/#post-3167216)
 * Hi,
 * awesome! 🙂 Very cool! Thanks a lot for the confirmation!
 * Best wishes,
    Tobias

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

The topic ‘CSS Styleing’ 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

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

 * 4 replies
 * 2 participants
 * Last reply from: [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * Last activity: [13 years, 7 months ago](https://wordpress.org/support/topic/css-styleing/#post-3167216)
 * Status: resolved