Mar
10

block highlights

by CK Ng

forDrupal's themes have a range of highlights styles to choose from to further enhance your content presentation. Highlights are highly suitable for custom block region.

Method 1

To use the highlights, you have to know basic HTML on applying classes to tags. A typical way is

<div class="highlight-blue"> … your content … </div>

You may need to change the input format depending on your configuration. "Full HTML" input format should always work.

Available highlights are highlight-blue, highlight-lightgrey, highlight-red, highlight-orange, highlight-yellow, highlight-green, highlight-purple, highlight-pink, highlight-grey, highlight-black, icon1, icon2, icon3, icon4.
icon1-4 class together with "right" class with put the icon to the right hand side instead, i.e.

<div class="icon1 right"> … your content … </div>

Method 2

Use the block class module.

Edit the block.tpl.php in forDrupal theme folder, e.g. for ZincOut theme it is under the folder site/all/themes/fordrupal/zincout/.

Change the line

<div id="block-<?php print $block->module . '-' . $block->delta; ?>" class="<?php print $classes; ?>">

to

<div id="block-<?php print $block->module . '-' . $block->delta; ?>" class="<?php print $classes; ?> <?php if (function_exists(block_class)) print block_class($block); ?>">

To add the highlight class to a block, simply visit that block's configuration page at Admin > Site Building > Blocks and put in classes provided above.

Tags: