> ## Documentation Index
> Fetch the complete documentation index at: https://docs.firmhouse.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Customize the referral banner

> Customize the referral banner, buttons, and page in the Self Service Center so your referral program matches your brand and motivates more shares.

If you have enabled Referrals, as well as the referral banner for the Self-Service Center, your customers will see a default referral banner and referrals page. Read on to learn how to customize the banner and buttons.

<img src="https://mintcdn.com/firmhousebv/ga9hUel5gaZw8a7a/images/docs-configure-referrals-customize-referrals-default-banner-dev-aa.png?fit=max&auto=format&n=ga9hUel5gaZw8a7a&q=85&s=0f74487b4acc7a177bda0c242356e84c" alt="Default referral banner in SSC" width="2880" height="2048" data-path="images/docs-configure-referrals-customize-referrals-default-banner-dev-aa.png" />

<img src="https://mintcdn.com/firmhousebv/ga9hUel5gaZw8a7a/images/docs-configure-referrals-customize-referrals-default-page-dev-aa.png?fit=max&auto=format&n=ga9hUel5gaZw8a7a&q=85&s=7deed6206e6256c14f12834a30b2be1f" alt="Default referrals page" width="2880" height="2048" data-path="images/docs-configure-referrals-customize-referrals-default-page-dev-aa.png" />

## Change the banner text

In the Referrals settings, you can adjust the text for the banner that appears in the SSC home page, as well as the text on the dedicated Referrals page. Note that you can use HTML to format the text to your liking.

<img src="https://mintcdn.com/firmhousebv/ga9hUel5gaZw8a7a/images/docs-configure-referrals-customize-referrals-text-settings-dev-aa.png?fit=max&auto=format&n=ga9hUel5gaZw8a7a&q=85&s=2d5596ee1ee1e5b09b87a150325b01d2" alt="Referral banner text settings" width="2880" height="2048" data-path="images/docs-configure-referrals-customize-referrals-text-settings-dev-aa.png" />

## Add a custom style to match your brand

If you want to add some extra color to go with your recognizable branding, you can use custom code to apply CSS and JavaScript. To do this, go to **Settings** > **Self-Service Center** and scroll down to **Custom code**.
