Customising Channels
Channels can be customised and branded to suit your organisation's needs. Playlist, Gallery, and UGC Channels can all be customised with brand colours, logos, and links.
- Click into your Channel from the Channels page.
- Select the Design tab.
- Click the Customise button.
Channel Designer
The Channel Designer lets you apply brand and style changes to your Channel.
Some customisation options are only available for Gallery Channels — these
are noted with the gallery only label.
Preview Window
The Preview Window shows how your Channel will look as you make changes. Click the icon to preview in desktop mode, or for mobile mode.
Branding
Logo
When you first create a Channel, your Workspace logo is used automatically. To replace it, click the Replace Logo button and upload your desired logo from your device.
Background colour
Use the colour picker to set the background colour for your Channel. For Playlist Channels this applies to the whole page. For Gallery Channels it applies to the main body, with separate options for the header and footer.
Header background colour gallery only
Sets the background colour for the header area of your Channel only.
Player
Player icon colour
Sets the colour of the play button, progress bar, and all icons in the control bar.
Player control bar colour
Sets the background colour of the play button and control bar.
Choose colours with adequate contrast so viewers can easily see the player controls. Use WebAIM's Contrast Checker to check against WCAG guidelines.
Font
Font Family
Sets the font used for all text on your Channel, including headings and descriptions. Supported options: Inter (default), System UI, Arial, Georgia, Tahoma, and Verdana.
Font Size
Sets the relative font size for all text. Options: Medium (default), Small, Large, and X-Large.
Content gallery only
Show latest video section
When enabled, a section showing your most recently published videos appears below the Featured videos section and above any other sections.
Footer
Footer background colour gallery only
Sets the background colour for the footer area of your Channel only.
Text
Click the Change your footer content... link to add content to your footer. Two editors are available:
- Simple Editor
- Advanced Editor
The simple editor provides basic formatting tools for your footer content.
Supported styles:
- Bold
- Italic
- Paragraph
- Links
- Headings H2 through H5
Switching to the advanced editor is a one-way process. You cannot switch back to the simple editor once you have saved with the advanced editor.
The advanced editor lets you fully customise your footer with HTML and CSS — useful for replicating your organisation's standard header or footer.
Channels ship with Bootstrap 5, so you can use any Bootstrap classes out of the box.
Links
Add simple links to your footer. Enter the fully qualified URL
(e.g. https://www.viostream.com) next to the icon, and a
label next to the icon.
Click the icon to remove a link.
Saving your changes
Click the Save button at the bottom of the customisation pane to apply your changes. Your Channel updates immediately.