You can modify the appearance of widgets by applying custom CSS. These styles can help draw attention to important information or better align your digital workplace's appearance with your corporate brand.
Some CSS classes can also be applied to page rows to affect multiple widgets. To do this, see Applying custom CSS to page rows.
Sections in this article:
Who can do this?
- Enterprise administrators
- Workplace administrators
- Space administrators
- Members of the digital workplace with Edit or Full access
Apply custom CSS to widgets
Applying CSS to a widget will only affect the display style of that widget.
- Add the CSS you want to use to the digital workplace's CSS theme. The selector used for this should contain a custom class name; this class will be used to apply the style to widgets.
- Go to the page or space containing the widget you want to style.
- Select
Actions followed by Edit.
- While editing the page, select Edit on the widget you want to style.
- Select the widget's Appearance tab.
- In the Class field, enter your custom class name. If applying multiple classes, leave a space between each one. Classes applied this way don't need to begin with a period.
- Select Update.
- Select Publish Page.
After publishing the page, you should see the effect of your style. If you do not, verify that you are using the correct class name.