Configure Zones and Regions in Omega for Drupal 7

Last updated March 3, 2020

Check your version

This tutorial 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.

Sprout Video

Converting an exisiting theme to Omega takes time and some planning, but Omega gives us plenty of options of moving things around the page all without touching a piece of code. When working with a grid layout we use Omega to set all of our content to span the proper columns all while moving our content from zone to zone so it is placed properly on the page. We will cover:

  • Moving content from zone to zone
  • Choosing proper zone column widths
  • Splitting column amounts to create right and left columns

Once all of this is complete we are just a few steps away from getting into some CSS and really making our theme come together as an Omega sub-theme.

Additional notes:
If you want to touch code, you can edit the .info file as such (for the first part, moving branding zone):

settings[alpha_region_branding_zone] = 'header'
settings[alpha_region_branding_weight] = '3'
settings[alpha_region_header_first_weight] = '1'
settings[alpha_region_header_second_weight] = '2'