Join Tom Geller for an in-depth discussion in this video Altering a view's appearance through CSS, part of Drupal 6: Online Presentation of Data.
- View Offline
We've created a new page display for this view with a path of temp, as you can…see in the browser's location bar at the top. And we've set it to display as a…grid, using the technique you learned in the video "Improving Grid Appearances…with Lists and Table Formatting." Once we've determined which part of the CSS…we want to change, the only thing left is to write that CSS. We're going to…write it into that file we mentioned earlier called local.css and that's…referred to in the .info file. To do that we'll open up our Text Editor and…start typing. Now I'll tell you this much. For this particular use, the class…that we're looking for is table.views- view-grid, and we're looking for the…tbody td tags. We'll open that up. And now I'll start specifying how I want the…CSS to look. I want padding of 20 pixels, a border-style that's solid,…a border-color, we'll make it a little lighter than black. I'll say #666666.…
And a border-width of 2 pixels. Finally, remember we wanted to align it all to the top. …
- Importing and manipulating data in Drupal
- Presenting date-formatted information in calendars
- Understanding Drupal's data-query interface, "Views"
- Improving view appearances with grid, list, and table formatting
- Importing, exporting, and cloning views
- Extending views with arguments and relationships