Check your version

This video covers a topic in Drupal 7 which may or may not be the version you're using. We're keeping this tutorial online as a courtesy to users of Drupal 7, but we consider it archived.

Alternate resources: 

Overview: Theming Views
Override a View's Wrapper Template

Views Unformatted List Format

Video loading...

Join Drupalize.Me to watch this video

Join today and gain instant access to our entire video library.

Log in Sign up
  • 0:04
    Let's take a look step by step
  • 0:06
    at the Unformatted List Format in Views.
  • 0:09
    Let's examine its default markup, how to add custom CSS classes,
  • 0:15
    and to which elements, and what it looks like to remove all of Views' default markup.
  • 0:21
    Here we have a Drupal 7 site which is using Zen as a base theme
  • 0:25
    for my theme. There's no styling in place yet; we're really just focusing on the markup.
  • 0:30
    I like Zen because it uses some of the HTML5 selectors that are now available.
  • 0:35
    And since this is a series focused on markup, I thought that would be appropriate.
  • 0:40
    I created a view of recent articles and a display which uses a block.
  • 0:46
    I've placed this block in the right sidebar region.

Markup in Drupal

Loading ...

Views Unformatted List Format

Loading...
5 minutes 34 seconds // Drupal 7 // HDCC //

One thing that affects markup in Views is the format that is using for the display. In this tutorial we'll take a look, step-by-step, at the Unformatted list format in Views. We'll examine its default markup, how to add custom CSS classes—and to which elements—and what it looks like to remove all of Views' default markup.

Downloads: 
Log in or sign up to download companion files.
Additional resources: 

Views — Drupal.org