I am trying to use Masthead as another place to put blocks, just like the bottom bar. The problem I am having is that they blocks are stacked on top of each other instead of spread out the width of the page.

Is there an easy way to do this?

Thanks

Comments

Anonymous’s picture

Anonymous (not verified) commented
Category: task » support

The easiest way that comes to mind is to use the Block Class module. Nitobe is coded to use the Block Class module if it's installed.

The masthead region uses 16 grid units for its width. If you wanted to fit in 4 modules, you would use Block Class to assign each of those blocks the CSS class grid_4. Also, for the left most block, you will need to add (using Block Class) the CSS class alpha, and on the rightmost block add the CSS class omega.

You can mix the sizes up a bit, but they need to total to 16. For example you could have 3 blocks with the classes grid_8 alpha on the first one, grid_3 on the second one, and grid_5 omega on the third one.

Ckesk’s picture

Ckesk commented

Thanks, will work on it now.

Ckesk’s picture

Ckesk commented

ok, im curioius. how many pixels are assigned to each section of the grid? meaning if i put a 728x90 ad in one blocks and name it grid_12 omega, would that be enough? I would then be putting the site logo on the other side of it, naming it grid_4 alpha.

Anonymous’s picture

Anonymous (not verified) commented

You can find information on the pixel widths (with diagrams) and on how the 960 grid system works overall at this tutorial:

http://nettuts.com/tutorials/html-css-techniques/prototyping-with-the-gr...

The official website for the grid system is here:

http://960.gs/

Anonymous’s picture

Anonymous (not verified) commented
Status: Active » Closed (fixed)