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.

Identify and Theme Components

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:01
    Identify and Theme Components, with Emma Jane Westby.
  • 0:08
    EMMA JANE WESTBY: Once all of the elements are in place,
  • 0:10
    it's time to get down to the real business of theming Drupal.
  • 0:13
    More specifically in this lesson, we're
  • 0:16
    going to take a look at using our style guide as a checklist to find
  • 0:21
    all of the elements in our Drupal site that we need to have themed.
  • 0:25
    We'll take a look to see if they match up
  • 0:27
    and appear right according to the design
  • 0:29
    files we were originally given.
  • 0:31
    And we'll figure out how to troubleshoot

PSD to Drupal Theme

Loading ...

Identify and Theme Components

Loading...
10 minutes // Drupal 7 // HDCC //

Once all of the elements are in place, it's time to get down to the real work of theming the components. In this lesson we will:

  • use our style guide and checklist to find each component
  • check to see if the style looks "right"
  • troubleshoot broken styles so that each component looks as good as the designer's original, static files

By the end of this lesson you will be able to identify elements on a rendered Drupal page which do not have the correct styles applied, determine the source of the problem, and alter the markup or styles to correct the output displayed in a browser.

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

Additional resources:
There are no resources for this video. If you believe there should be, please contact us.