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.

Adding Custom Panels Layouts in Your Theme

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
  • 0:02
    Adding Custom Panel Layouts in Your Theme
  • 0:04
    with Amber Matz
  • 0:07
    AMBER MATZ: The Panels module provides a number
  • 0:09
    of multi-column and stacked layouts, even a flexible builder layout that
  • 0:13
    can be customized using the Panels' administrative interface.
  • 0:16
    But other layouts can be provided to Panels by other themes,
  • 0:20
    including your own theme.
  • 0:22
    Creating a custom layout requires some basic HTML and CSS skills.
  • 0:27
    And we can get pretty far just by copying an existing layout

Adding Custom Panels Layouts in Your Theme


You can create your Panels layouts with HTML and CSS that can then be selected in the Panels UI.

In this lesson...

  • Create a two-column, 60/40 layout
  • Use existing layout to quickly get started
  • Apply new layout to custom home page

Demo site log in:

  • Navigate to /user
  • Login with admin/admin
Log in or sign up to download companion files.
Additional resources: