Title: Plugin Options Styling Quirk
Last modified: August 21, 2016

---

# Plugin Options Styling Quirk

 *  Resolved [jbre](https://wordpress.org/support/users/jbre/)
 * (@jbre)
 * [11 years, 10 months ago](https://wordpress.org/support/topic/plugin-options-styling-quirk/)
 * I have some css styling in the Plugin Options window for three identical (basically)
   tables. The cell width styling works for two of them but not the third one. It
   seems to be ignoring the styling for some reason. Here’s where the tables reside.
 * [http://extendedstudies.boisestate.edu/educatorsdevelopment/vesi-courses/](http://extendedstudies.boisestate.edu/educatorsdevelopment/vesi-courses/)
 * The Fall table is different than the Spring and Full Year table, yet the css 
   is the same one for all. I tried more specificity for table 3, column 3, but 
   that had no impact. I want Fall’s table to look like the other two.
 * This is a brand new issue I’ve never had before for any of my other tables done
   just like this (3 tables, in tabs, with css styling in Plugin Options).
 * [https://wordpress.org/plugins/tablepress/](https://wordpress.org/plugins/tablepress/)

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

 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [11 years, 10 months ago](https://wordpress.org/support/topic/plugin-options-styling-quirk/#post-5144271)
 * Hi,
 * thanks for your question, and sorry for the trouble.
 * First of all, we should fix the positioning of the sort arrows. For that, please
   change the first block of “Custom CSS” to
 *     ```
       .dataTables_wrapper table.tablepress thead th {
       	background-color: #f0f1f2;
       	padding: 6px 20px 6px 6px;
       }
       ```
   
 * You can then also remove the line with the `padding` property from all blocks
   that have `thead th` in them.
 * Then, from what I can see, you are setting the column widths for column 3, 5,
   and 6. Have you tried also setting it for column 2?
 * Regards,
    Tobias
 *  Thread Starter [jbre](https://wordpress.org/support/users/jbre/)
 * (@jbre)
 * [11 years, 10 months ago](https://wordpress.org/support/topic/plugin-options-styling-quirk/#post-5144286)
 * Hi,
    I tried your suggestions and it still didn’t make the three tables format
   the same from the same css styling. So . . . . . . I tried an experiment whereby
   I changed the order of the tabs so that the Fall table was the last one and the
   Spring table was first. Guess what? It appears that whatever table is in the 
   first tab on the left is formatting differently than the next two tabs’ tables!
   Is that weird or what? Same css styling, only difference is that the first table
   in a three-tabbed piece of a web page formats differently than the other two.
   Here is where I tested that out. [http://extendedstudies.boisestate.edu/educatorsdevelopment/testing-tables-tabs-issue/](http://extendedstudies.boisestate.edu/educatorsdevelopment/testing-tables-tabs-issue/)
 * Thoughts?
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [11 years, 10 months ago](https://wordpress.org/support/topic/plugin-options-styling-quirk/#post-5144294)
 * Hi,
 * that might actually make sense. The reason for this could be the tabs indeed.
   Those (as they are hiding two tables initially) make it harder for the DataTables
   JS library (that brings us the sorting) to do a proper calculation of the individual
   column widths.
 * It might therefore be necessary to manually set the widths with a higher priority.
   For that, please try adding the `!important` keyword after the width, like
 *     ```
       width: 40px !important;
       ```
   
 * Regards,
    Tobias
 *  Thread Starter [jbre](https://wordpress.org/support/users/jbre/)
 * (@jbre)
 * [11 years, 10 months ago](https://wordpress.org/support/topic/plugin-options-styling-quirk/#post-5144303)
 * That worked! Thank you so much. I thought of that – of it being a little too 
   buried, so to speak, when there was three tabs vs two. But, obviously, I didn’t
   know how to fix it. Thank you.
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [11 years, 10 months ago](https://wordpress.org/support/topic/plugin-options-styling-quirk/#post-5144337)
 * Hi,
 * no problem, you are very welcome! 🙂 Good to hear that this helped!
 * Best wishes,
    Tobias
 * P.S.: In case you haven’t, please [rate TablePress](http://wordpress.org/support/view/plugin-reviews/tablepress)
   here in the plugin directory. Thanks!

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

The topic ‘Plugin Options Styling Quirk’ 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 widths](https://wordpress.org/support/topic-tag/column-widths/)
 * [css styling](https://wordpress.org/support/topic-tag/css-styling/)
 * [plugin options](https://wordpress.org/support/topic-tag/plugin-options/)

 * 5 replies
 * 2 participants
 * Last reply from: [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * Last activity: [11 years, 10 months ago](https://wordpress.org/support/topic/plugin-options-styling-quirk/#post-5144337)
 * Status: resolved