---
title: Customer Style Sheet
slug: guide/customer-style-sheet
description: Apply a custom style sheet in Unaric Guide to fully customize the look and feel of your help content to match your Salesforce Lightning design.
docTags: 
createdAt: 2025-07-14T23:28:37.335Z
---

Unaric Guide comes bundled with a customer style sheet —**help\_customer.css**— which controls the page styling that Helped Users see.&#x20;

## How it works

Via **help\_customer.css** you can modify:

- **Embedded Help**: Icons, background/hover colors
- **Help Callouts**: Text/background colors
- **Quick Access Menu (QAM)**: Icons and colors
- **Portal Colors**: Match your Salesforce theme

To this end, you must override the default css file.

## Override styles

:::hint{type="info"}
Styling applies only to end-user-facing elements (admin views retain defaults).
:::

:::hint{type="warning"}
Layout overrides are restricted to preserve functionality.
:::

### Prerequisites

You will need to create a copy of the style sheet.

1. Find the file help\_customer.css that comes with your version of Improved Help.
2. Duplicate it.
3. Upload the duplicate to a location Salesforce can access, such as:
   - A **Salesforce Document** (in Classic) or
   - A **public file storage location** (such as your CMS, SharePoint, or Amazon S3 bucket).

### Steps

1. Navigate to **Help Home > Configure Global Settings > Branding** tab.

::Image[]{src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXf7KtTIqIT0EPdRTUtafIZGh-1nhSyU5RjxRm1MCqHsjXCAyQy4poSkSrV4hj7saHir6egeVS8kTIXqzeLbn74dB7VG4cBwKil-6usdbvuUL9QVqvcT5Az7spNg3bdswrWZlA7G2w?key=Nws0keDXgXn5jYtrf6jr4Q" size="100" width="1427" height="667" isUploading="false" darkWidth="1427" darkHeight="667" showCaption="false" indent="2"}

2. Locate the **Customer Style Sheet URL** field and enter the **URL or reference** for your version of the style sheet.

**



