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

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