Changing Column width of a table view (Drupal 7 Views 3) I have a view with 4 columns.  The first column, which contains a majority of the text is taking about about 80% of the width of the form and forcing the 2nd, 3rd, and 4th rows to wrap.  Problem is those columns have content that should not really be wrapped 
for exmaple Tues 3pm - 5pm ends up looking like

Tues

3pm - 

5pm

So rather than the columns adjust based on content, I'd like to manually set the width of the first column so that it leaves enough space for the others.  Or if need be manually set all the column widths.

Please understand I am totally lost in drupal and only have a small amount of css/php knowledge so please be as absolutely descriptive as possible.  I've found a bunch of examples in other areas but people have left out huge chunks of the code, or where it's supposed to go etc.  One place kept says "make changes to the css", not sure if it's normal but I have about 25 different css files in my drupal install, I had no idea WHAT css to make the change in.

Thanks in advance for any help!  This is a great community and I'm happy I went with Drupal because of it.
A more general approach than useful answers from @Michael Greisman @Neograph734 is to create some utility CSS classes that can be deployed on any View. That means if this requirement comes up when creating a new View, you already have a solution ready to deploy.

This is something that has been really helpful on a site where I have configuration responsibility but all template / CSS work is done by a contracted developer (who suggested this approach).


Create some CSS classes that can be used to fix column widths. In our case, using % values worked best, but do whatever makes sense for your site. Example:

.fix-width-20 {
width: 20%;
}
.fix-width-40 {
width: 40%;
}
.fix-width-50 {
width: 50%;
}

On a view with the table format, go to the 'Style settings' for the Field that is populating the column (or columns) where you want precise control of column width. Add the name of the CSS class that fixes the width. Example: