Choosing a CSS layout for myzen

Layouts decide how elements on a page, customarily contained in DIVs, are positioned. Zen comes with a couple of preset layouts which can be used. If neither of them is suitable, a custom layout can be created. In this recipe, we will be replacing the default fixed-width layout with a liquid layout, which we discussed in Chapter 1, Drupal Theme Basics.

Getting ready

We are going to assume that the myzen theme from earlier in this chapter is enabled and the current default. It is also important to decide on the type of layout required for the site during the design stage.

How to do it...

All we are going to do here is replace one of the stylesheets used in myzen with another.

1. Open myzen.info in an editor.

2. In the section pertaining to stylesheet declarations, look for the line that declares the fixed-width layout which should usually be stylesheets[all][] = css/layout-fixed.css.

3. Replace this with stylesheets[all][] = css/layout-liquid.css.

4. Save the file.

5. As usual, clear...