May272010

Module Classes

Written by Administrator

Features

Grid 2 comes with a small range of subtle module classes to add subtle flavours to your module headings. You can use any of the following classes to create a subtle grid icon at the start of each heading by entering the following module class suffixes:

-blue, -brown, -green, -olive, -orange, -pink, -purple, -red, -yellow

blueSquares

brownSquares

greenSquares

oliveSquares

orangeSquares

pinkSquares

purpleSquares

redSquares

yellowSquares

Extra Module classes:

We have also included a few extra functional classes to help fine tune your layout.

-noborder. The -noborder class removes the border from modules in teh left hand column. We used this for example fo rthe last module on the left column.

-slide. As discussed here the -slide module class can be used to create an accordion by transforming the module title into the trigger which shows or hides the main body of the body.

-light. The -light module class suffix creates a module with a light background and grey border.

-dark. The -dark module class suffix creates a module with a dark background, a black border and white text.