Episode 16 • Drupal 8 theming

Working With CSS Frameworks

In this episode of Drupal 8 Theming we are going to do some actual theming using Zurb Foundation framework.

To use any kind of CSS framework, something like Bootstrap or in our case Foundation we have to be able to control output of our HTML, and specifically CSS classes that are applied on that HTML output. Because almost all of those frameworks depend on those CSS classes to work as expected.

In this video I'm going to show you how you can add CSS classes to your output in your templates by using addClass() function on your attributes. I'm also going to show you how you can add custom CSS classes to your Views output.

Download code
  • Episode 00 • Duration 07:31

    Installing Drupal 8

  • Episode 01 • Duration 20:16

    Theme Setup

  • Episode 02 • Duration 16:27

    Disable Cache, Enable Twig Debug

  • Episode 03 • Duration 13:40

    Gulp.js, Sass, LiveReload

  • Episode 04 • Duration 16:01

    Blocks and Regions

  • Episode 05 • Duration 08:09

    Let's Update Drupal 8

  • Episode 06 • Duration 22:43

    Theming the Header

  • Episode 07 • Duration 15:10

    Adding Main Navigation

  • Episode 08 • Duration 07:12

    Creating Partials

  • Episode 09 • Duration 21:29

    Introduction to Views

  • Episode 10 • Duration 14:36

    Creating and Displaying Content Types and Fields

  • Episode 11 • Duration 14:56

    Displaying Fields

  • Episode 12 • Duration 13:37

    Images and Image Sizes

  • Episode 13 • Duration 19:47

    Kint, Arrays, Twig, Foreach, If

  • Episode 14 • Duration 12:48

    Field Collections

  • Episode 15 • Duration 11:48

    Reference Fields

  • Episode 16 • Duration 18:43

    Working With CSS Frameworks

  • Episode 17 • Duration 24:24

    Regions and Blocks from Views

  • Episode 18 • Duration 26:19

    Taxonomy and Drop Down Menu

  • Episode 19 • Duration 16:23

    Rewriting Views Fields

  • Episode 20 • Duration 20:19

    Using Drush

  • Episode 21 • Duration 10:05

    Pathauto

  • Episode 00 • Duration 07:31

    Installing Drupal 8

  • Episode 01 • Duration 20:16

    Theme Setup

  • Episode 02 • Duration 16:27

    Disable Cache, Enable Twig Debug

  • Episode 03 • Duration 13:40

    Gulp.js, Sass, LiveReload

  • Episode 04 • Duration 16:01

    Blocks and Regions

  • Episode 05 • Duration 08:09

    Let's Update Drupal 8

  • Episode 06 • Duration 22:43

    Theming the Header

  • Episode 07 • Duration 15:10

    Adding Main Navigation

  • Episode 08 • Duration 07:12

    Creating Partials

  • Episode 09 • Duration 21:29

    Introduction to Views

  • Episode 10 • Duration 14:36

    Creating and Displaying Content Types and Fields

  • Episode 11 • Duration 14:56

    Displaying Fields

  • Episode 12 • Duration 13:37

    Images and Image Sizes

  • Episode 13 • Duration 19:47

    Kint, Arrays, Twig, Foreach, If

  • Episode 14 • Duration 12:48

    Field Collections

  • Episode 15 • Duration 11:48

    Reference Fields

  • Episode 16 • Duration 18:43

    Working With CSS Frameworks

  • Episode 17 • Duration 24:24

    Regions and Blocks from Views

  • Episode 18 • Duration 26:19

    Taxonomy and Drop Down Menu

  • Episode 19 • Duration 16:23

    Rewriting Views Fields

  • Episode 20 • Duration 20:19

    Using Drush

  • Episode 21 • Duration 10:05

    Pathauto