Skip to main content
Skip table of contents

Customising the Look and Feel of Student Cafe Video

This video walks through how administrators can customise the look and feel of Student Cafe so it aligns with their school’s branding and feels like a natural extension of their core systems. It begins by showing the default appearance, then demonstrates how to use images, colours and styles within TASS.web to personalise logos, banners, toolbars, menus and gadgets. The presenter explains recommended image setup options, how to upload and manage banners and logos, apply colour themes using the auto‑adjust method, make toolbars transparent, and adjust UI elements such as gadget colours. The session also shows how multiple banners can be stored and switched to promote school events, highlighting the flexibility available when customising Student Cafe using the online help resources.

At 6:06 minutes into the video, please note that the default TASS logo no longer appears in Student Cafe, and the ‘Transparent Logo' does not need to be uploaded.

Want to skip ahead? Click here for timestamps.

00:00 – Introduction to customising portal products
00:28 – Overview of Student Cafe and Staff Kiosk
00:45 – Default Student Cafe appearance
01:07 – Areas of Student Cafe that can be customised
01:46 – Accessing TASS.web online help
03:00 – Preparing images for Student Cafe
03:20 – Banner-only image option (recommended)
04:00 – Logo-only and banner plus logo options
04:44 – Image size and dimension guidance
05:07 – Example banner file (including animated GIF)
05:38 – Uploading images in TASS.web
06:13 – Enabling and managing active images
08:15 – Handling different screen sizes and resolutions
09:00 – Matching banner and background colours
10:01 – Removing the default logo with a transparent file
12:20 – Banner size and transparent toolbar option
13:01 – Adding and applying styles
13:52 – Auto-adjust theme versus manual styling
15:06 – Changing menu colours
17:02 – Making the toolbar transparent
17:52 – Customising UI elements and gadget colours
19:24 – Storing and switching multiple banners
20:14 – Promoting school events with banners
22:15 – Examples of customised Student Cafe layouts
22:54 – Summary and useful online help resources

To start the video, click the image-20250617-051747.png ‘Play’ icon.

To enlarge the video, click the image-20250617-051554.png ‘Full Screen’ icon, or use Ctrl and + to zoom in, and Ctrl and - to zoom out.

To enable subtitles, click the image-20250617-055720.png ‘Closed Captions’ icon and select ‘English’.

To adjust the speed of the video, click the image-20250617-055949.png ‘Settings’ icon, then select your preferred ‘Speed’.

Related Resources

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.