Use the VIP Online styling page to match the portal to your organisation's visual identity. You need access to VIP Online >> Styling.

In this article you will learn how to set the logo, colors and typography for VIP Online.

Add your logo and favicon

1. Open VIP Online >> Styling, then expand Logo and favicon.
   
2. Choose the logo displayed in VIP Online.
   
3. Choose the favicon displayed in the browser tab.
   

Set the colors

1. Expand Colors.
   
2. Set Primary, Secondary, and Accent color. Use the preview to check the result together, rather than judging each color alone.
   

Set the typography

1. Expand Font Settings. Under Titles, choose Title font, Title weight, Title transform, and Title tracking as needed.
   
2. For the Studio theme, choose Title style: theme default, Upright, or Italic.
   
3. Under Standard text, choose Regular font.
   
4. Set the text color to Auto, Light, or Dark. Auto chooses light text on a dark background and dark text on a light background.
   

Upload a custom font

1. Expand Custom fonts and choose a WOFF, OTF or TTF file, or drag it into the upload area. The file must be no larger than 5 MB.
   
2. After the upload succeeds, choose the new font in Title font or Regular font.
   
3. Check the live preview and select Save.
   

The same uploaded fonts are also available in the ticket designer. A font selected for the current VIP Online title or regular text cannot be deleted until it is no longer in use.

Note Font uploads happen when you select the file. Selecting the uploaded font for the portal still requires Save.