Your digital workplace's Appearance page provides a central location to control the look and feel of your digital workplace. From this location, you can ensure that your workplace matches your organization's brand by modifying the logo, theme, notification branding, and CSS.
To go to the Appearance page:
- On the Userbar, select
Control Panel.
- Under Presentation, select Appearance.
Sections in this article:
Who can do this?
- Enterprise Administrators
- Workplace Administrators
- Members of groups with the Manage Themes role
Features
The Appearance page is split into three sections:
Logo section
The logo section lets you upload your organizational or digital workplace logo image and configure its positioning. The logo displays on every page within a workplace, and selecting it provides a quick way to navigate back to the home page.
Logos should meet the following specifications:
- 450 x 150 pixels
- Maximum 5 MB file size
- PNG, JPG, SVG, or GIF format (Animated GIFs used as logos will be animated.)
Consider periodically updating your logo to help draw extra attention to seasonal holidays or major organizational events. In addition to the added visibility this provides, these periodic changes can help make the digital workplace feel more dynamic and alive.
Theme section
The theme section controls the overall appearance of the digital workplace based on the selected theme and CSS. The options in the Theme section change depending on whether your workplace uses a Theme Library theme or a Custom Theme.
Both options allow you to add custom CSS to your workplace. However, only custom themes have a method for accessing old CSS versions.
Note:
The custom theme of some digital workplaces is stored in the Theme Library. When this is the case, the CSS cannot be directly modified. However, adding CSS to the workplace is still possible by checking the Add Custom CSS button below the Theme Library.
Available actions when using a theme from the Theme Library:
- Browse Library: Select to view and select pre-built themes.
- Add Custom CSS: Select to enter custom CSS.
- Preview: Select to view a version of your digital workplace with the selected Theme and additional CSS.
- Apply: Select to apply the selected theme and additional CSS to the live digital workplace.
- Advanced Theme Editor: Select to switch to a full Custom Theme. Ensure you have custom CSS ready to be applied, as this option will remove all styling across your workplace.
Available actions when using a custom theme:
- Edit Custom Theme: Select to enter custom CSS.
- Browse Library: Select to switch to using a Theme Library theme.
Email Notifications section
The Email Notifications section allows you to control the branding of your notifications, including adding a logo and modifying the primary color.