CUSTOM SAMPLES 1

Feature Area

The feature space can be user for large, featured content. It can contain:

Text
Images
Video

Toggle Background Grid On or Off

This page will show examples of griditems being applied and positioned.

As per the instructions on the Customizing Layouts page, the #Column1 section on this page has already been set to .griditemouter. This section has been set to .griditem and .w24 to stretch and entire column.

A clearing div follows.

3 Equal columns

Column 1 of 3

This column is .griditem .w8

Column 2 of 3

This column is .griditem .w8

Column 3 of 3

This column is .griditem .w8

You can include a list of links:

Linky link linker
Linky link linker
Linky link linker
Linky link linker

3 Equal columns Using Borders

Column 1 of 3

This column is .griditem .w8

However, borders take up an extra pixel of space. Therefore, with a 1px border, we need to remove 1px from somewhere else. In our case, we change the padding to 4px so that the border still matches with the outside of the grid columns.

Column 2 of 3

This column is .griditem .w8

Column 3 of 3

This column is .griditem .w8

You can include a list of links:

Linky link linker
Linky link linker
Linky link linker
Linky link linker