Administrator

How do I customize my domain's brand, styles, and themes?

  • Updated:
    info_outline
    Created:

Easily customize your domain's look and feel.

  1. Open the vertical menu in the toolbar of Domain Details.  
  2. Select Domain Settings.
  1. On the Themes card, provide the following theme components:
    • Icon: Upload the image to use for the application favicon.
      • Required file type: PNG
      • Ideal size: 42x42
    • Touch Icon: Upload the image to use when a user saves their Buzz website to their homescreen. This only applies to Apple iOS devices.
      • Required file type: PNG
      • Ideal size: 192x192
    • Logo: Upload the image to use for the application logo.
      • Required file type: PNG or JPG
      • Ideal size: 72x72
    • Login Logo: Upload the image to use for the sign-in screen. If not specified, uses the logo image.
      • Required file type: PNG or JPG
      • Ideal size: 256x256
    • Menu Logo: Upload the logo displayed in the Main Menu when expanded.
      • Recommended file type: PNG
      • Ideal size: 260x56
    • Menu Icon: Change your Main Menu Icon; review your icon options (the default value is "fa-bars" from the Font Awesome Pro library).
    • Toolbar color: If you want to change the color of your main toolbar throughout the domain, enter that color name here. All CSS colors are valid; click for a list of colors.
      • Note: Specifying a color here overrides the ability for students and other users to choose their own theme colors (with the exception of the High Contrast setting).
    • Application tabs color: If you want to change the color of your sub-toolbar throughout the domain, enter that color name here. All CSS colors are valid; click for a list of colors.
      • Note: Specifying a color here overrides the ability for students and other users to choose their own theme colors (with the exception of the High Contrast setting).
    • Theme: Choose the app's default theme color from the dropdown.
    • Limit Themes: If you want to limit the theme color choices, enter the colors that you want to allow as options in this field. Separate colors with commas.
    • Login Page: Indicate whether you want to use a file or URL for a custom login page background image. Upload the file or provide the URL in the field below.

Notes

  • Domain configuration is inherited by all subdomains unless explicitly overwritten by a subdomain.
  • For better display on high-density screen, store any image with a resolution two times the rendered size. For better performance, store large images as compressed JPG files.
forum

Have a question or feedback? Let us know over in Discussions!