A banner is designed to give a face to your site and make it recognisable to your students. The banner is visible on top of the site, as well as on the topic 'card' on the My FLO page.
It is advised that you have a process for creating your banner. Decide what elements, colours, image(s) you need and discuss your requirements with your local eLearning team. Either you can design the banner image or we can assist you.
A FLO banner has certain guidelines:
Needs to be 1920px (width) x 850px (height)
Banner images are not cropped as much in site card view as in site banner view. Outlier elements can be included in the site card view.
Banner images are cropped in site banner view. Keep important elements visible within the center 200px.
Do not use text as it can be overlaid by other elements such the site name and code.
Check to see if the banner conveys its meaning in both formats; i.e. site summary card view and site banner view.
Use your own photos or one that
you have permission to use – don’t copy from a website without
permission. Free images can be sourced from
Pexels, Unsplash, or
You will need a sandpit to upload and test the banner on. If you don't already have a sandpit, please contact your local eLearning team.
Upload the banner to your sandpit
Open your sandpit and, click Topic Management in the top menu(note: you must be on the home page of your sandpit)
Click on the cog in the top right corner, then click Edit settings
Drag and drop your image to upload
Click Save and display
Check to see if the banner displays properly, both as the site banner as well as the site card image on My FLO page. Tweak the image if certain parts aren't showing or you need something highlighted.
Ask your colleagues or the eLearning support team to check the set up of your banner. Once you are satisfied with the banner in all formats, please contact your local eLearning team to upload the banner from your sandpit to your topic.
How does it look? What did students think? These types of questions can help you refine the banner. Please contact your local eLearning team for assistance.