---
sourceDocument: Yokohama Customer Service Management
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/yokohama/customer-service-management

 Release :

    - yokohama

ft:locale :

    - en-US

ft:publication_title :

    - Yokohama Customer Service Management

ft:clusterId :

    - csm

bundleId :

    - csm

workflow :

    - Customer and Industry


---

# Setup the theme for Business Portal

# Setup the theme for Business Portal {#ariaid-title1}

Release version: Yokohama  
Updated January 30, 2025  
![](https://www.servicenow.com/docs/portal-asset/ico-clock) 1 minute to read  
Customize the theme of the business portal to add font and theme style sheets.

## Before you begin

Role required: admin

## About this task

The default theme for the business portal 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 pixels in the CSS with a conversion factor of 10. For example, 10 REMs should be changed to 100 pixels.
5. Select Update.

*[\>]: and then