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 or IDs to Panel Panes

Video loading...

Transcripts: 
Transcript file: 
3db26130-5663-4644-9709-71ae1b410f8e---eng.srt
Transcript language code: 
eng

Join Drupalize.Me to watch this video

Join today and gain instant access to our entire video library.

Log in Sign up
  • 0:03
    It can be quite useful to add a CSS class to a Panel Pane,
  • 0:08
    especially when placing reusable components on several different pages.
  • 0:12
    Let's take a look at how we can add a CSS class or ID to a placed Panel Pane,
  • 0:18
    using the content tab of the Panel Page Console.
  • 0:21
    First let's inspect the Panel Pane markup for this page.
  • 0:25
    A right click, and "Inspect Element", and you can see that
  • 0:29
    we have this div that has our "panel-pane" class,
  • 0:33
    and a few other classes that pertain to this individual Panel Pane.
  • 0:38
    If I had more than one Panel Pane, each one would be wrapped by this div,
  • 0:42
    and contain classes such as these.

Markup in Drupal

Loading ...