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.

Lullabot Module Monday: Style Guide

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:06
    [Style Guide] [Lullabot™ Module Monday with Addison Berry]
  • 0:13
    We're going to take a look at a module called Style Guide.
  • 0:16
    What this module does for you is it provides a testing page
  • 0:20
    for each of your themes, where it gathers all of the various HTML elements
  • 0:26
    that you might have throughout your site
  • 0:28
    and shows you on one page how your theme is styling those elements.
  • 0:34
    So if you want to have a quick overview of how your theme
  • 0:37
    is handling the various header elements or various form elements
  • 0:40
    on your site, you can go to just this one page
  • 0:43
    and see all of them in one location,

Lullabot Module Monday: Style Guide

Loading...
6 minutes 12 seconds // Drupal 7 // HDCC //

In this Lullabot Module Monday lesson, we take a look at the Style Guide module. Comparing Drupal themes is tough: the screenshots they provide are often based on heavily tweaked sites with plenty of slider blocks, tweaked media attachments, and other just-so content. Figuring out the "basics" — how a given theme styles core HTML elements and recurring Drupal interface patterns — can be tough! Fortunately, the Style Guide module can help.

Additional resources: