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.

Display Suite: Add CSS Classes to Fields

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
    In this lesson I'll show you
  • 0:06
    how to add to the list of CSS classes that may be applied to fields.
  • 0:10
    Then I'll show you how to apply any one of those classes to a field on a content type
  • 0:15
    through the Manage Display interface. Now, we can also add CSS classes
  • 0:20
    for our field regions. Here's the region div with our demo-left, but inside of that we've got the classes
  • 0:28
    for the field, and we can add a custom class for this div as well, so let's see how we can do that using
  • 0:35
    Display Suite. I'll close the Inspect Element
  • 0:38
    and navigate to Structure, Display Suite, and let's head back over to CSS classes, and here's our
  • 0:46
    region classes but now we also have the CSS classes for fields, so let's add some demo classes here
  • 0:53
    that we can use in the UI.
Loading ...