I just created a view with a table style. It has many columns and I'd like to make one of those columns wider. When I use Firebug to take a look at the classes created, I see something like this:

<table class="sticky-header" style="position: fixed; top: 0px; width: 2504px; left: 20px; visibility: hidden;">
<thead>
<tr>
<th class="views-field views-field-title active" style="width: 141.35px;">
<th class="views-field views-field-field-column1-value" style="width: 130.217px;"> column1</th>
<th class="views-field views-field-field-column2-value" style="width: 87.6px;">column2 </th>
<th class="views-field views-field-field-column3-value" style="width: 443.317px;"> coulmn3</th>
etc
</tr>
</thead>
</table>

Now this is using the non fixed width rootcandy (I even doubled the max-width that is set for that one...) I want the table to expand as the user maximizes or minimizes browser window... but I really only need to set one column that is currently too small a bit wider. So, I figured if I append something like:

td.views-field views-field-field-column2-value {
	width: 160px;
}

(or maybe a table column can have a min-width??). That that column would get wider... but alas, it remains the same... I've tried various permutations of this, all to no avail. Am I completely off track here? I know I should also be sorting out how to do this without editing the Rootcandy style.css, so the edits don't get overwritten on a theme update, and I'll figure that out once I simply figure out what class to ad or edit.
Thanks

Comments

kpm’s picture

Status: Active » Fixed

td.views-field-field-column2-value { width: 160px;} worked... I swear I tried that the other night and nothing... just walking away for a while seems to have corrected the situation!

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.

Anonymous’s picture

Issue summary: View changes

typo fixed