---
sourceDocument: Australia Customer Service Management
sourceDocumentLink: https://www.servicenow.com/docs/r/australia/customer-service-management

 Release :

    - australia

ft:locale :

    - en-US

ft:publication_title :

    - Australia Customer Service Management

ft:clusterId :

    - csm

bundleId :

    - csm

workflow :

    - Customer and Industry


---

# Setup the theme for Business and Consumer Portals

# Setup the theme for Business and Consumer Portals {#ariaid-title1}

Release version: Australia  
Updated March 12, 2026  
![](https://www.servicenow.com/docs/portal-asset/ico-clock) 1 minute to read  
Customize the theme of the Business and Consumer Portals to add font and theme style sheets.

## Before you begin

Role required: sp_admin

## About this task

The default theme for the Business and Consumer Portals is the Coral Theme. You can use your own theme according to your branding.

You must customize your theme to add font or theme size-related style sheets.

## Procedure

1. Navigate to AllService PortalThemes.
2. Search and select the required theme.
3. Add font and theme style sheets.
   1. On the theme record, select the CSS Includes in the related list.
   2. Select Edit.
   3. Add the following style sheets from the Collection list to the CSS Includes list:  
      Figure 1. Edit CSS includes list
      * portal-polaris-set-base-font
      * portal-polaris-rem-px-theme
      * portal-polaris-kb-rem-px-theme
      {#customize-business-portal-theme__ul_ujb_fj4_ydc}
   4. Select Save.
   {#customize-business-portal-theme__substeps_lg5_z34_ydc}
4. Hover over the style sheet and select the preview icon (![Preview icon]()) then select Open Record to set the order of added style sheets.
   1. Set the order of portal-polaris-set-base-font as the lowest.
   2. Set the order of portal-polaris-rem-px-theme as second highest.
   3. Set the order of portal-polaris-kb-rem-px-theme as the highest.

   {#customize-business-portal-theme__substeps_kxn_kj4_ydc}  
   Note:  
   Convert any font or theme size from rems to pixel in the CSS with a conversion factor of 10. For example, 10 rems should be changed to 100 pixel.
5. Select Update.
**Related concepts**   

* [Portal Polaris Header widget](https://www.servicenow.com/docs/Zcf0Jp3ciC659NC8hg1kAQ "The Portal Polaris Header widget enables your users to quickly access key features, pages, and links from any place in the portal. You can select the Portal Polaris Header widget in the theme record, which is mapped to your portal.")

*[\>]: and then