Setup the theme for Business and Consumer Portals
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
Navigate to All > Service Portal > Themes.
Search and select the required theme.
Add font and theme style sheets.
On the theme record, select the CSS Includes in the related list.
Select Edit.
Add the following style sheets from the Collection list to the CSS Includes list:
Image omitted: edit\_css\_include\_list.png
Edit css includes
Edit css includes
- portal-polaris-set-base-font
- portal-polaris-rem-px-theme
- portal-polaris-kb-rem-px-theme
4. Select **Save**.
- Hover over the style sheet and select the preview icon (
Image omitted: preview-record.png
Preview icon\) then select **Open Record** to set the order of added style sheets.
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.
**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.
- Select Update.
Related topics