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.

Panels: Add CSS Classes to the "Main" Region

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:04
    We can also add a div
  • 0:06
    that wraps around the entire area
  • 0:08
    that is controlled by Panels
  • 0:10
    and to that one or more CSS classes.
  • 0:14
    To add a class that applies to this main Panels region
  • 0:17
    and adds a wrapper div, we'll need to go to the Content section
  • 0:22
    of the Panel page Console
  • 0:24
    and expand the Layout Settings
  • 0:26
    to reveal a field where we can add these CSS classes.
  • 0:30
    Let's take a look at where to find and configure the CSS classes

Markup in Drupal

Loading ...

Panels: Add CSS Classes to the "Main" Region

Loading...
1 minute 59 seconds // Drupal 7 // HDCC //

In this tutorial, I will demonstrate how to add a wrapper div and a class around, and just outside, the Panels layout markup, using the Panels administrative console.

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

Building Websites in Drupal 7 using Panels — Drupalize.Me
Chaos Tools Suite (CTools) — Drupal.org
Panels — Drupal.org