Advanced CSS Customization

Learn how to best apply advanced CSS customizations to your site.

We recommend you only inject these customization if you’re experienced using CSS. Adding custom CSS can break your site or affect it in unexpected ways.

Add Custom Fonts — Custom fonts elevate your brand identity and inject personality into your site.

Restrict CSS styles to specific article pages — Sometimes it is necessary to change the CSS styling for specific article pages only. Using the Confluence page ID, you can control on which pages exactly your styles apply.

Restrict CSS styles to page templates — Sometimes it is necessary to change the CSS styling for all pages with a specific page layout. By utilizing the predefined page layouts, you can control which pages your styles apply to.

Design Tokens — A list of all design tokens provided by Viewport’s help center theme.

Components — Use the CSS custom property interface of our officially supported components to customize specific components of the Help Center theme.