---
title: "Co-Branding"
slug: "co-branding"
updated: 2024-09-03T13:30:37Z
published: 2024-09-03T13:30:37Z
canonical: "help.csgi.com/co-branding"
---

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

# Co-Branding

Co-branding allows permitted organizations the ability to edit the look and feel of the Xponent Customer Journey Hub, including:

- Custom color schemes
- Logo uploads
- Browser titles
- Sub-domains/domains

This is available to Xponent's Strategic partners. If you would like access to this feature, please speak to your Xponent account manager.

Once set, using any custom sub-domain/domain or logging in as a user for that organization will trigger the custom visuals to display.

## **Requirements to Edit Co-Branding**

- Must be logged in as an Organization Owner
- The organization must have the appropriate license type.

### **Accessing Co-Branding**

After logging in, go to the Admin page (use the Admin button in the title bar of the home page)

![](https://cdn.document360.io/c578bb14-e570-4b6e-93ed-f6c5b8a2d8a1/Images/Documentation/Screenshot%202024-07-30%20at%206.33.09%E2%80%AFPM(3).png?sv=2026-02-06&spr=https&st=2026-10-26T13%3A25%3A44Z&se=2026-10-26T14%3A25%3A44Z&sr=c&sp=r&sig=nYIkIQgJK6rZGjte0d3JMg3R1%2FGTzTMbVL1SnlnvGUo%3D)

![](https://cdn.document360.io/c578bb14-e570-4b6e-93ed-f6c5b8a2d8a1/Images/Documentation/Screenshot%202024-07-30%20at%2011.23.52%E2%80%AFPM.png?sv=2026-02-06&spr=https&st=2026-10-26T13%3A25%3A44Z&se=2026-10-26T14%3A25%3A44Z&sr=c&sp=r&sig=nYIkIQgJK6rZGjte0d3JMg3R1%2FGTzTMbVL1SnlnvGUo%3D)If your organization has the appropriate license, you will see an **Edit Look and Feel** button at the upper right.

If you do not see these options and believe you should have the appropriate permissions, please contact [support](https://www.csgi.com/mycsgcustomer-support/) team.

![](https://cdn.document360.io/c578bb14-e570-4b6e-93ed-f6c5b8a2d8a1/Images/Documentation/Screenshot%202024-07-30%20at%2011.25.47%E2%80%AFPM.png?sv=2026-02-06&spr=https&st=2026-10-26T13%3A25%3A44Z&se=2026-10-26T14%3A25%3A44Z&sr=c&sp=r&sig=nYIkIQgJK6rZGjte0d3JMg3R1%2FGTzTMbVL1SnlnvGUo%3D)

### Editing Co-Branding

- Click **Edit Look and Feel** to open the Co-branding editing menu.

You can now edit and/or view the following parameters:

1. **Title.** As seen in a browser tab and user admin support emails (e.g. password reset).
2. **Subdomain**. A custom Xponent subdomain that will point to your organization, ensuring your styling is always present even if a user is logged out. Only an Xponent Admin can set this. If not yet defined, you will see '(undefined)'.

Contact the [support](https://www.csgi.com/mycsgcustomer-support/) team or your Xponent contact to set up if not yet.

![](https://cdn.document360.io/c578bb14-e570-4b6e-93ed-f6c5b8a2d8a1/Images/Documentation/Screenshot%202024-07-30%20at%2011.28.40%E2%80%AFPM.png?sv=2026-02-06&spr=https&st=2026-10-26T13%3A25%3A44Z&se=2026-10-26T14%3A25%3A44Z&sr=c&sp=r&sig=nYIkIQgJK6rZGjte0d3JMg3R1%2FGTzTMbVL1SnlnvGUo%3D)
3. **Header Logo Image and Browser Favicon**. The logo is displayed on the left-hand side of the app's header bar.  

Roughly a 5:1 width-to-height ratio will yield the best presentation results.
4. Click **Choose** to bring up a file selector to select an image file. (max size: 250KB). Browser Tab **Favicon**. The icon is displayed next to the browser tab title (1).
5. **Custom Colors / Styling:** Define the color scheme for your organization.

- **Basic**: Click on the color picker button to bring up a color selector (you can also enter a hex color code). Click on the eraser button to reset a color to its default (Xponent color scheme) value.
- **Advanced**: **Custom CSS**: Allows you to use custom CSS for branding

If you want to use the Custom CSS, please open a ticket with our [Support](https://www.csgi.com/mycsgcustomer-support/) team.