Branding tab - Brand the event


About

This article describes how to implement your brand on the event's site.

Navigate to the Branding page

From the Event page, click the Branding tab.

The Branding page displays.

The Branding page allows you to edit the logo, banner, and theme for your event. 

Edit logo

The default logo is taken from the initial setup. If you wish to insert a different logo, click Edit logo and choose the desired file. We recommend that your logo has adequate contrast on dark backgrounds. Recommended size: max height 200px.

Edit banner

The default event banner is taken from the template initial setup. If you wish to insert a different image, click Edit image and choose the desired file. The image may be cropped. We recommend avoiding texts and placing the subject at the center of the image. Recommended size: 1920x1080 px.

Edit a custom theme

If your Kaltura Events account is configured with Custom Templates, and when creating your event, you chose a Custom Template (see Creating an Event), please do not edit the event theme on the Branding page. Doing so will override your Custom Template settings. 

Custom themes must be enabled on your account. If custom themes are not enabled on your account, click Let's talk on the box entitled "Looking for a custom theme?" to contact a Kaltura representative about enabling them.

  1. If the custom theme has not been edited (for instance, if you've just created the event and this is the first time branding the event site), click the + Create custom theme button. If the custom theme has been previously edited, click the three blue dots on the lower right corner of the theme, then choose Edit.
    The Edit theme screen displays. The options display on the left side of the screen, and a preview of the event site displays on the right.
  2. Type a hex brand color. The brand color is used as an accent color, reflected in interactive elements such as call-to-action buttons, links, and highlighted elements.
  3. Select the theme color mode from one of the following options:
    • Dark Mode 
    • Light Mode
  4. Variations offer several options to add a unique touch to your theme. It controls the colors of your backgrounds, text, and other UI elements. You can select from three options:
    • Neutral - The scheme will composed with shade of neutral grays.
    • Monochromatic - The scheme will use the tint from your brand color to created a low-saturated color palette.
    • Custom - This gives you more control. You can set a separate color for your header and choose a specific color to create the color palette for the rest of the UI elements. If you choose Custom variation, two additional options display on the Edit Theme screen - "Header" and "All other elements".
  5. Choose either Preset or Web fonts.
  6. If you chose Preset, select from the following fonts:
    • Arial
    • Garamond
    • Georgia
    • Lato (default)
    • Sans-serif
    • Tahoma
    • Times New Roman
    • Trebuchet MS
    • Verdana
  7. If you chose Web font, complete the following sub-steps: 
    1. Enter an External stylesheet URL containing your embedded fonts.
      For example, you can grab the URL from your provider: https://fonts.googleapis.com/css2family=Roboto:wght@400;700&display=swap
      Only a single font family should be embedded. We recommend including the following weights: 400 (Normal) and 700 (Bold).
    2. Enter a Font family name as it is declared in the stylesheet or supplied by your provider.
  8. Select the roundness of UI elements such as buttons, input fields, and certain menus. Choose from the following options:
    • Sharp Edges
    • Slightly Rounded (Default)
    • Rounded
  9. When finished click Save. If the theme is activated, changes will be applied on the event site. 

Activate a theme

  1. Hover over the desired theme, then click Activate theme.
    A confirmation screen displays. 
  2. Click Activate theme to confirm or click Cancel or cancel.
    A message displays confirming your request. The activated theme is denoted below the theme box by "Active" and when you hover over the theme box, "Theme activated".
Was this article helpful?
Thank you for your feedback!
In This Article
Related Articles
Back to top

Never miss a thing!

Subscribe to our customer newsletter and our release notes updates, so you always get the best out of Kaltura.
Newsletter