Skip to main content Skip to site navigation Skip to contact information

Page Layouts

Editors can change the layout of their department or school's website pages as well as section banners. Page layouts change the way page title, banners, and content appear on the page. 


Our page layouts include different zones where you can add content on your page. This is where you will find Zones A, B, and C on a standard subpage template:

Page Layout Options

We have five different page layout options:

Page Layout TopZoneZoneAZoneBZoneCBreadcrumbsPage TitleSection Banner
Homepage x x x        
Landing Page x x x x x    
Landing Page without Breadcrumbs x x x x      
Standard Subpage   x x x x x x
Standard Subpage without Page Title   x x x x   x

Changing Page Layouts

To change a section's page layout, select the section you'd like to update in the Site Structure. 

Select the Page Layout tab

 In that tab, change the page layout for "SU Website" to the page layout of your choice.

Select Save Changes. 


If you are using a "Homepage" or "Landing Page" page layouts, then you can add a large banner to the top of your page. Currently we have two different large banner types: Megabanners, and (new as of February 2017) Title Banners.


Megabanners include title, subtitle and small paragraph of text overlaid on a stylized graphic, and must be created by Marketing Communications so that correct branding and code can be implemented. Please fill out our project request form if your department needs a Megabanner. 

Title Banner

Example of the

Title banners feature an image with a slightly translucent colored box overlaid on the image. The color of the box, and the color, positioning and width of the text, are all customizable. If you would like to add a Title Banner to your page, please contact first for guidance and permissions.

Section Banners

If you are using the Standard subpage layout, then any content editor can update and change their section banners through the Section Customization folder.

Content editors can change these elements of the section banners:

  • Banner Photo
  • Main Section Text
  • Banner Text
  • Background texture
  • Background colors

You can find more detailed instructions on how to customize your section banner in the How To section of this website.