1) Go to 'Edit class settings' and scroll to the bottom page to the 'Presentation section':

• check the 'Show Banner' option
• use the 'Container' field to display the top most branding attribute (e.g. School of Business) and the 'Programme Name'  to display the programme (or other branding details).
• The name of the site will then be "shortname: site name"
• add the image to the 'Course summary' files. If you leave it blank, it will be autogenerated.

2) Image:

• Please add you image to the 'Class Summary Files' filedfield. If no image is added, the system will auto-generate one.

• The banner image is a background image that will be resized differently according to the screen sizes. Therefore, the banner ratio is not fixed and may also change based on the amount of text. The functionality was tested using an image size of 1074x269px which seemed to give good results.

• Please use an image with focus on the centre, as any other part of the image may be cropped depending on the screen size.
• The banner image is a decorative background, and there is no output for the alt text. Therefore, the image should not be treated as a functional image. Please do not use the image to convey any information.
• Please don not include the University logo in the image as this is redundant and may be cropped on some devices.

Final result