Block Class

Block Class allows users to add classes to any block through the block's configuration interface. By adding a very short snippet of PHP to a theme's block.tpl.php file, classes can be added to the parent <div class="block ..."> element of a block. Hooray for more powerful block theming!

Installing the Drupal 7.x version

1. Enable the module
2. To add a class to a block, simply visit that block's configuration page at Administration > Structure > Blocks

Installing the Drupal 6.x version (6.x-1.3)

1. Enable the module
2. Add this snippet to your theme's block.tpl.php file (see detailed instructions below): <?php print block_class($block); ?>
3. To add a class to a block, simply visit that block's configuration page at Administration > Site Building > Blocks

How to add the PHP snippet

Here's the first line of the Garland theme's block.tpl.php prior to adding the code:

And here's what the code should look like after adding the snippet:

IMPORTANT: Remember to separate the PHP snippet from the existing markup with a single space. If you don't add the space, your CSS classes could run together like this: block-modulecustomclass instead of block-module customclass.

Installing the Drupal 6.x dev version (6.x-dev)

1. Enable the module
2. Add this snippet to your theme's block.tpl.php file (see detailed instructions below): <?php print $block_classes; ?>
3. To add a class to a block, simply visit that block's configuration page at Administration > Site Building > Blocks

How to add the PHP snippet

Here's the first line of the Garland theme's block.tpl.php prior to adding the code:

And here's what the code should look like after adding the snippet:

IMPORTANT: Remember to separate the PHP snippet from the existing markup with a single space. If you don't add the space, your CSS classes could run together like this: block-modulecustomclass instead of block-module customclass.

Credits

Development of this module is sponsored by Four Kitchens.

Downloads