Footer Container

Display contact details, affiliations and additional links and buttons at the bottom of all your pages.

Old Brand Cleanup

You can delete any any -oldbrand header or footer files left over from the 2017-18 brand transition.

Using This Component

Add the container to the page. When the container is first added, it will display the four-column fat footer and a simple footer: the 'default fat footer (four column)' option. There is only one tab, but depending on the chosen layout, there may be various areas to hold content.

Component as first displayed on the page.

Component as first displayed on the page, with default four column fat footer and a simple footer.

The Footer container has options for a Simple Footer or an Enhanced Footer or a Fat Footer. The Fat Footer can be four or six columns, and includes the Simple Footer.

Some Examples

How To Build Your Footer?

Jakob Nielsen's post "Footers 101" provides a handy overview including tips and shortfalls.

Fat Footer tab

Layout - Choose between

  • Fat footer, four equal columns (default)
    Provides an upper 'Fat Footer' area with four columns for links, plus a lower 'Simple Footer' area to hold contact details.
  • Fat footer, six equal columns
    Provides an upper area 'Fat Footer' with six columns for links, plus a lower 'Simple Footer' area to hold contact details.
  • Enhanced footer
    Provides an area for contact details plus a small area for links. It is essentially a hybrid between the 'Simple' and 'Fat' footers.
  • Simple footer
    Provides just a 'Simple Footer' area to hold contact details.

Label - Provide a descriptive title for the footer area. This optional label for RWD is shown on small screen devices.

The component opened for editing.

The component opened for editing.

Restrictions

  • Only one Footer Container should be on your page.

Was This Information Helpful?

(Required)
(Required)
(so we can thank you or request more details)
(Required)
(buffalo.edu addresses only please)

On this page:

See an Example:

RWD-Enhanced

The Label setting will display a special heading only for small-screen devices on RWD-enabled websites.

Last Reviewed:

October 30, 2019