Parent Home > Style Guide > Page Layouts

Page Layouts

Determine Which Layout to Use

There are three layouts available for the Parent website. The layouts determine how wide your content section(s) will be on the page.

Choose from 3 page layouts

The default layout is called UR Subsite General 2-6-4 (see the note about page columns on the right for a hint about what the numbers mean). Pages on the Parent site that use this layout are typically balancing content between the center and right sections. All the content on the page is considered "equal." In other words, the content on the right side of the page is just as important as that in the center section. The Health and Safety page, for example, uses this layout.

For pages where there isn't a lot of content, a larger body area and smaller right column works well. Use the UR Subsite General 2-7-3 layout. This page is using that layout.

Rarely you may want to use the UR Subsite General 2-10 layout. This layout includes the left navigation and a wide center content area with no right column. An example of this layout in use can be seen on the Question of the Month page.

Select Your Page Layout

Switch region template.

Once you've created a new page, you can change the layout.

  1. Click on the "Edit" icon near the top right area of the page.
  2. Select "Switch Region Template."
  3. Select the layout you'd like to use (see the options above and make your choice from the dropdown menu shown below).
  4. Click "OK" and your new page layout will load.

Parent-Page layout example

A note about columns

The Parent website has been coded using a 12-column grid in HTML. There's no reason you need to know that other than to understand the numbers associated with the layouts. The three numbers after each layout name indicate how many columns in the HTML grid system are in each page column section (clear as mud?). Don't worry about it. Read on and try not to think about the numbers ;)