Check your version

This collection 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: 

Introduction to Omega 3.x

Omega is a Drupal base theme, which provides a nice framework for creating a responsive theme. It has a lot of configuration that can be done in the user interface, so you can set up a lot of basic theming pieces in the administrative UI, and then spend your time making things look great instead of wrestling with things like responsive and grid framework set up.

To demonstrate Omega in this series, we'll be converting the 960 Robots theme to an Omega sub-theme. The 960 Robots theme has a number of template files and custom code, and we'll make sure that all of those features are carried over. In the process of this conversion we will cover all of the major points of using Omega. We're going to:

  • Explain Omega's structure and terminology
  • Create and configuring a new sub-theme
  • Export our theme settings
  • Create custom template files and theme functions

For this series, we assume that you know:

  • how to install Drupal and download, and enable themes and modules
  • understand Drupal theming concepts, especially working with template files and process or preprocess functions
  • the fundamentals of HTML and CSS

We'll be focusing specifically on the Omega side of building this new theme, and we won't be getting into the details of responsive design, though we will be discussing the basic concepts as we implement them.

The final result of this video series is the 960 Robots Omega theme, which is available on