Title: Column Width – Custom CSS Not working? :( Last modified: October 31, 2017 --- # Column Width – Custom CSS Not working? :( * Resolved [anthuntley](https://wordpress.org/support/users/anthuntley/) * (@anthuntley) * [8 years, 6 months ago](https://wordpress.org/support/topic/column-width-custom-css-not-working/) * Hi Tobais, * I’ve been struggling for the last 3 hours trying to get the custom CSS for column width to work 🙁 * I’ve been through your FAQ’s, documentation, and the forums, but despite trying different variations of the code, it still doesn’t work. * I’m simply trying to reduce the width of column 3 (Link), ideally all columns, so that they are no wider than their content. * I have tried the following variations: * (putting it in the Plugin options custom css as directed) * —– .tablepress-id-1 .column-3 { width: 100px; } * —– [The preffered one] .tablepress-id-1 .column-3 { padding: 4px; } —- .tablepress. column-3 { padding: 4px; } —– .tablepress .column-3 { width: 100px; } —– * I’ve also tried a few other Custom CSS codes from the forum, but apart from adjusting the narrow bar below the column headers, they don’t appear to be doing anything. * Much appreciate your help with this! * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fcolumn-width-custom-css-not-working%2F%3Foutput_format%3Dmd&locale=en_US) to see the link]_ Viewing 15 replies - 1 through 15 (of 23 total) 1 [2](https://wordpress.org/support/topic/column-width-custom-css-not-working/page/2/?output_format=md) [→](https://wordpress.org/support/topic/column-width-custom-css-not-working/page/2/?output_format=md) * Thread Starter [anthuntley](https://wordpress.org/support/users/anthuntley/) * (@anthuntley) * [8 years, 6 months ago](https://wordpress.org/support/topic/column-width-custom-css-not-working/#post-9638905) * I found that the data I had within the table had some hidden width data. I’ve got around it by downloading and uploading as a CSV rather than HTML import. * Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/) * (@tobiasbg) * [8 years, 6 months ago](https://wordpress.org/support/topic/column-width-custom-css-not-working/#post-9640672) * Hi, * thanks for your question, and sorry for the trouble. * The main problem here is that you are having very long URLs in that second column. These are treated as one very long word, and the browser does not add word wrapping to them, by default. * To enable that, you could add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress: * ``` .tablepress-id-2 .column-2 { width: 300px; word-break: break-word; } ``` * Regards, Tobias * [widowswish](https://wordpress.org/support/users/widowswish/) * (@widowswish) * [8 years, 6 months ago](https://wordpress.org/support/topic/column-width-custom-css-not-working/#post-9641775) * Hi TobiasBG, I am in the same boat as anthuntley. I have a table with 4 columns and one is huge, and the 4th is really small. I tried using the custom css, as described in the FAQ for this plugin, but none of it is working. * I would provide you the link to the page where this rather unwieldy table is located, but the site isn’t live. If you could send me an email to [widowswishes@gmail.com](https://wordpress.org/support/topic/column-width-custom-css-not-working/widowswishes@gmail.com?output_format=md), I would be glad to give you a login to the back-end of our WordPress, so you could peek into my site and tell me what is going on. And I would be happy to provide a donation. * Thank you! * Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/) * (@tobiasbg) * [8 years, 6 months ago](https://wordpress.org/support/topic/column-width-custom-css-not-working/#post-9642297) * Hi, * as you have opened a new thread at [https://wordpress.org/support/topic/custom-css-isnt-working-for-column-width/](https://wordpress.org/support/topic/custom-css-isnt-working-for-column-width/) as well, let’s handle the discussion there 🙂 * Regards, Tobias * [adjunky](https://wordpress.org/support/users/adjunky/) * (@adjunky) * [8 years, 5 months ago](https://wordpress.org/support/topic/column-width-custom-css-not-working/#post-9742291) * Cannot change column width. All the solutions I am reading do not work. * Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/) * (@tobiasbg) * [8 years, 5 months ago](https://wordpress.org/support/topic/column-width-custom-css-not-working/#post-9742333) * Hi, * thanks for your post, and sorry for the trouble. * Can you please post a link to the page with the table where this problem happens, so that I can take a direct look? Thanks! * Regards, Tobias * [windman](https://wordpress.org/support/users/windman/) * (@windman) * [8 years, 3 months ago](https://wordpress.org/support/topic/column-width-custom-css-not-working/#post-9925987) * Hello Have been using WordPress for less than a week and testing different things. I have created a form using TablePress. It has only two columns and it looked good to start with: The first column had the width required for the pictures ( 350 px) and nothing extra. Then I wanted to test another template (Orfeo) but didn’t like it so switched back to Flexia. Now the first column has a width which is nearly 3 times as much as required. I have inserted the following code (copied from this thread) in the Custom CSS fields under Plugin Options for TablePress and saved. I don’t know many times I have gone back and saved but the width of the first column will not change. I have closed the tab where the table appears and opened in new tab, I have restarted the computer. It is as if Orfeo wrote something in a parameter which Flexia doesn’t read. Or I have misunderstood the code: But I have only one table * .tablepress-id-1 .column-1 { width: 360px; } * Regards, Windman * Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/) * (@tobiasbg) * [8 years, 3 months ago](https://wordpress.org/support/topic/column-width-custom-css-not-working/#post-9926105) * Hi, * Can you please post a link to the page with the table where this problem happens, so that I can take a direct look? Thanks! * Regards, Tobias * [windman](https://wordpress.org/support/users/windman/) * (@windman) * [8 years, 3 months ago](https://wordpress.org/support/topic/column-width-custom-css-not-working/#post-9926191) * Here is the link: [http://bakcex.org/?page_id=21](http://bakcex.org/?page_id=21) * Thanks! * [windman](https://wordpress.org/support/users/windman/) * (@windman) * [8 years, 3 months ago](https://wordpress.org/support/topic/column-width-custom-css-not-working/#post-9926266) * Oh, * I just saw the error my self! The two bottom pictures are too big; not 350 px * Sorry for the trouble * Regards, * Andreas * Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/) * (@tobiasbg) * [8 years, 3 months ago](https://wordpress.org/support/topic/column-width-custom-css-not-working/#post-9926374) * Hi, * indeed, that might have caused it. Everything is 350px for me now as well 🙂 * Best wishes, Tobias * P.S.: In case you haven’t, please [rate TablePress](https://wordpress.org/support/plugin/tablepress/reviews/#new-post) here in the plugin directory. Thanks! * [aklutey](https://wordpress.org/support/users/aklutey/) * (@aklutey) * [8 years, 2 months ago](https://wordpress.org/support/topic/column-width-custom-css-not-working/#post-10050903) * Hello, * I’m having the same problem as anthuntley. I want to expand the size of my 4th column but have a URL in the 6th column of my table ([http://www.oregonworldwaterday.org/events/](http://www.oregonworldwaterday.org/events/)) that seems to be messing things up. I implemented the CSS suggestion from the second comment above and it only made the 4th column more narrow than it was. Ideas? * Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/) * (@tobiasbg) * [8 years, 2 months ago](https://wordpress.org/support/topic/column-width-custom-css-not-working/#post-10051820) * Hi, * thanks for your post, and sorry for the trouble. * From what I can see, that command is actually working. The URLs are broken up, so that the URL column is smaller. In the long run, you will only achieve good results if you turn the URLs into clickable links with a short link text, in my opinion. * Regards, Tobias * [centrengo](https://wordpress.org/support/users/centrengo/) * (@centrengo) * [7 years, 8 months ago](https://wordpress.org/support/topic/column-width-custom-css-not-working/#post-10608123) * I’m in the same boat as everyone. Screamed at my laptop for a bit and was tempted to throw it at a wall. Here is the link of the page I need help with [https://www.centrengo.org/find-funding/](https://www.centrengo.org/find-funding/) column 2 width needs to be bigger/column need to be wrapped. Column 1 can be small but my top priority is column 2. Help * Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/) * (@tobiasbg) * [7 years, 8 months ago](https://wordpress.org/support/topic/column-width-custom-css-not-working/#post-10609133) * Hi, * thanks for your post, and sorry for the trouble. * The cause for this are some of the logo images in column 1. For example, the logos in row 21 and 22 have been added in full size. This means that the column will stretch so wide that these images fit. You should either limit the size of these images, or maybe use CSS code to make them smaller. For example, add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress: * ``` .tablepress-id-2 .column-1 img { width: 200px; height: auto; } ``` * Regards, Tobias Viewing 15 replies - 1 through 15 (of 23 total) 1 [2](https://wordpress.org/support/topic/column-width-custom-css-not-working/page/2/?output_format=md) [→](https://wordpress.org/support/topic/column-width-custom-css-not-working/page/2/?output_format=md) The topic ‘Column Width – Custom CSS Not working? :(’ 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](https://wordpress.org/support/topic-tag/css/) * [plugin options](https://wordpress.org/support/topic-tag/plugin-options/) * 23 replies * 9 participants * Last reply from: [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/) * Last activity: [7 years, 8 months ago](https://wordpress.org/support/topic/column-width-custom-css-not-working/page/2/#post-10657990) * Status: resolved