Footer

Logos for organisations affiliated with your website can be added to the area immediately above or below the footer.

Output on an Oxford Mosaic website: Affiliate logos positioned under the footer

To configure the position of the affiliate logos, use the 'Above footer' and 'Below footer' radio buttons on the Footer tab.

To add a new affiliate logo, click 'Add new affiliate logo'.

On the Main Content tab on the Create Affiliate logo page:

1. complete the Title field
2. If you want the logo to link to another webpage, enter a link title and URL
3. Upload the logo image via the Media browser

Affiliate logo sizing

If an image with a height > 120px is uploaded as an affiliate logo, it will be resized to a height of 120px.

If an image with a height ≤ 120px is uploaded, its size will be maintained on the rendered page.

Clicking on the 'Edit footer' button will load the Edit Footer page, where the footer appearance can be edited. Below are descriptions of the features of the footer edit page that are unique to footer editing.

Layout

As is the case when editing content created from scratch (i.e. not from a template), you can select layout options for the footer. Five layout options are available; each layout comprises two rows, with the bottom row consisting of a single full-width region.

Footer setup

This tab allows you to input a custom title for the Footer. The title is set to 'Footer'  by default and is only used for reference - it does not appear on the rendered page.

Regions

As with page editing, any of the widgets provided in the toolkit can be inserted into a footer region.

Please note, mandatory content doesn't appear by default in the layout for 'Two full width rows'. If you choose this layout, you will have to copy the mandatory content from another layout option and paste it into a WYSIWYG in a region in the 'Two full width rows' layout:

• Select an alternative layout, e.g. 'Two column'
• Go to Mandatory Content
• Look at Source for the WYSIWYG widget which contains the mandatory content links
• Copy the Source
• Select 'Two full width rows' layout
• Add a WYSIWYG widget to the appropriate region and paste the copied text into Source view

Mandatory Content

When a site is provisioned, it includes mandatory content in the form of the following four pages:

• Copyright
• Picture credits
• Accessibility statement
• Privacy statement

These pages are required under the policies governing University of Oxford websites and must not be removed from your site. Copyright and Picture credits are provided blank when your site is provisioned for you to customise with the appropriate statement for your website. If your website includes specific requirements relating to the other topics, you should add this information also.

*Header top bar and footer background image configuration is available to Site Owners via Site Settings > Advanced

A background image can be applied to the main footer. When applied, the background image overrides the colour setting that is set for the main footer background; the text colour setting still applies. The background image is set to tile (repeat) across the region it has been placed in. Therefore, if a small image is uploaded, it will repeat to fill the area.

Please note that when placing a background image, you need to consider the legibility of the text that will appear on top of it. To ensure text legibility, we recommend that you:

• use images that are either mostly dark or mostly light (avoid images which are mostly mid-tone)
• set the text colour of the text appropriately (i.e. very dark text on a light image, or very light text on a dark image)
• once in place, review your background image / text colour combination to assess the legibility

Add a footer background image

To add a background image to the main footer:

• Site-wide content > Footer > 'Select a footer background image'
• on the Site Settings - Background images page, under the 'Footer background image' section, use 'Browse' to select an image from the Media Browser or upload a new image
  
  
• once the preview has loaded, click 'Save configuration'