By se7en on

I have a view (using the view module) that is displaying content as follows:

Text Date Date

The titles on each field are fairly short. The middle date is actually a date range and is somewhat wide as a result. For whatever reason, the table doesn't insert any padding what so ever. As a result, the To date in the middle date column and the last date column appear as one giant jumble of numbers.

I can't see a way to insert a blank column or space between the two columns. Anyone have any ideas?

In case that didn't make sense check out the below to get an idea of what it looks like:

Event Event Range Deadline
EventName 04/08/2008 - 07/18/200809/01/2007

Ideally the spacing would be more readable like below:

EventName 04/08/2008 - 07/18/2008 09/01/2007

Any help is appreciated as usual - thanks in advance :-)

⋅ Categories: Drupal 5.x

Comments

se7en’s picture

se7en commented

Sorry, forgot to use code tags on what it should look like... essentially the spacing should be more exaggerated:

EventName 04/08/2008 - 07/18/2008 09/01/2007

riaan burger’s picture

riaan burger commented

Using Firefox, highlight part of the view's table, then right click on the part you highlighted and select view source.

You will see that each of the fields in the table data tags have a class assigned to it. For instance, if you have a field called "date", the td will have an attribute like this
<td class="view-field view-field-node-date">

Now all you have to do is to edit your style.css file to add some padding to the second, and more specific to the field, class:

.view-field-node-date {
  padding-left: 10px;
  padding-right: 10px;
}
se7en’s picture

se7en commented

Ah... thanks, worked perfectly! Didn't even think of using the stylesheet...