WCMS Template Region Widths

August 22, 2011 - Matt Carter

Several people have asked how wide each region is in the template.  The question is usually the result of someone needing to size an image to fit in a specific area of the page.  To address these questions I am putting together this brief post with details of the widths of various regions in the WCMS templates.  I hope this assists users in finding the right dimensions to fit their needs.

Here is a visual representation of the various widths that occur in the template.

Image of various region widths

The following table outlines the widths of each region in the three different layouts. These can server as a reference to quickly identify how wide each region is.

Regions Widths For Each template Layout
Region2 Column3 ColumnFull WidthNotes
AFTER_DEFAULT_1680px440px920px
AFTER_DEFAULT_2680px440px920px
AFTER_DEFAULT_3680px440px920px
AFTER_DEFAULT_4680px440px920px
BEFORE_DEFAULT_1680px440px920px
BEFORE_DEFAULT_2680px440px920px
BEFORE_DEFAULT_3680px440px920px
BEFORE_DEFAULT_4680px440px920px
BREAD_CRUMBS680px680px920px
CUSTOM_METAn/an/an/aNot visible in the browser.
DEFAULT680px440px920px
DEPARTMENT_LOGO960px960px960px
FOOTER960px960px960px
GOOGLE_ANALYTICSn/an/an/aNot visible in the browser.
HORIZONTAL_NAV960px960px960px
PAGE_FEATURE680px680px920px
PAGE_TITLE680px440px920px
PHOTO_BANNER960px960px960px
PRIMARY_ASIDE_1200px200px920px
PRIMARY_ASIDE_2200px200px920px
PRIMARY_ASIDE_3200px200px920px
PRIMARY_ASIDE_4200px200px920px
SECONDARY_ASIDE_1200px200px920px
SECONDARY_ASIDE_2200px200px920px
SECONDARY_ASIDE_3200px200px920px
SECONDARY_ASIDE_4200px200px920px
SITE_METAn/an/an/aNot visible in the browser.
SITE_TITLEn/an/an/aThis content only shows in the <title> tag.
UNM_HEADER100%  100%100%This region is defined at the template level and should not be overridden.
UNM_METAn/an/an/aNot visible in the browser.  This region is defined at the template level and should not be overridden.