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

# Partner portal: Appearance

To access Partner portal appearance settings:

1. Open the program you’d like to work with.
2. On the left sidebar, click on **Partner Portal** under **Affiliate**.
3. Switch to the **Appearance** tab:<img src="https://mintcdn.com/partnero/qMaIYxLjvYqBH_jD/images/articles/partner-portal-appearance/60a4cf56.webp?fit=max&auto=format&n=qMaIYxLjvYqBH_jD&q=85&s=0b630c80241d2ca3b15ae8b5caf67df6" alt="" width="2878" height="1522" data-path="images/articles/partner-portal-appearance/60a4cf56.webp" />Here, you can apply branding and appearance settings for your Partner dashboard and Public pages

***

### Live Designer

You can choose to edit all settings on the Appearance tab. Alternatively, you can click **Customize** to use the Live Designer feature:<img src="https://mintcdn.com/partnero/qMaIYxLjvYqBH_jD/images/articles/partner-portal-appearance/6ccb6245.webp?fit=max&auto=format&n=qMaIYxLjvYqBH_jD&q=85&s=d8a6119e00f21147bcb4cbebc927e4c5" alt="" width="2878" height="1516" data-path="images/articles/partner-portal-appearance/6ccb6245.webp" />

You will be presented with a live editor mode, where you can see all changes in action. Switch between different program pages in the upper right corner of the live editor mode: <img src="https://mintcdn.com/partnero/qMaIYxLjvYqBH_jD/images/articles/partner-portal-appearance/4fc8272c.webp?fit=max&auto=format&n=qMaIYxLjvYqBH_jD&q=85&s=5f8d0aaa2696f656b0533e14cae16898" alt="" width="2878" height="1526" data-path="images/articles/partner-portal-appearance/4fc8272c.webp" />

[Read more about using the Live Designer here.](/knowledge-base/program-management/live-designer-overview)

***

### Branding

The **Branding** section allows you to upload your logo, symbol, and favicon, which will be used in the Partner portal. Additionally, you can select your font family and the main brand color.

To upload your logo:

1. Open the **Appearance** tab.
2. Click the upload sign next to the Logo section:<img src="https://mintcdn.com/partnero/qMaIYxLjvYqBH_jD/images/articles/partner-portal-appearance/a0b23943.webp?fit=max&auto=format&n=qMaIYxLjvYqBH_jD&q=85&s=db02e059b2a45422c99655d3797b5bb2" alt="" width="2870" height="1352" data-path="images/articles/partner-portal-appearance/a0b23943.webp" />
3. Select the file and upload it.
4. Click **Update** at the bottom right corner to save your changes.

***

### Partner Dashboard

The **Partner dashboard** section allows you to customize how the dashboard will look like. You can select the main colors, change the layout and navigation.<img src="https://mintcdn.com/partnero/qMaIYxLjvYqBH_jD/images/articles/partner-portal-appearance/89b15502.webp?fit=max&auto=format&n=qMaIYxLjvYqBH_jD&q=85&s=3e2a351c54869ae026cbaf3fe4f8abe7" alt="" width="2876" height="1562" data-path="images/articles/partner-portal-appearance/89b15502.webp" />

###

To change the Partner portal layout:

1. In the Appearance tab, scroll down to Partner dashboard and click Customize.
2. In the Layout section, choose the layout style you prefer:

<img src="https://mintcdn.com/partnero/qMaIYxLjvYqBH_jD/images/articles/partner-portal-appearance/d6293537.webp?fit=max&auto=format&n=qMaIYxLjvYqBH_jD&q=85&s=ce7de65ab970fe22ee820539a0300899" alt="" width="2878" height="1558" data-path="images/articles/partner-portal-appearance/d6293537.webp" /> Below are some examples of what the different layouts look like.

Modern: <img src="https://mintcdn.com/partnero/qMaIYxLjvYqBH_jD/images/articles/partner-portal-appearance/a24371e9.webp?fit=max&auto=format&n=qMaIYxLjvYqBH_jD&q=85&s=a266c69a2b480ea5a1670c3a0787a365" alt="" width="1168" height="760" data-path="images/articles/partner-portal-appearance/a24371e9.webp" />
Casual: <img src="https://mintcdn.com/partnero/qMaIYxLjvYqBH_jD/images/articles/partner-portal-appearance/1b03cc20.webp?fit=max&auto=format&n=qMaIYxLjvYqBH_jD&q=85&s=7fafba7b3cf56305329cae258f752522" alt="" width="1170" height="761" data-path="images/articles/partner-portal-appearance/1b03cc20.webp" />
Sidebar: <img src="https://mintcdn.com/partnero/qMaIYxLjvYqBH_jD/images/articles/partner-portal-appearance/66c09756.webp?fit=max&auto=format&n=qMaIYxLjvYqBH_jD&q=85&s=f0826bceb9483dcc89cc751e0330d9b5" alt="" width="1177" height="756" data-path="images/articles/partner-portal-appearance/66c09756.webp" />3. Click Update to save your changes.

To style the Navigation menu:

Click to Customize the Partner dashboard and scroll down to the Navigation section: <img src="https://mintcdn.com/partnero/qMaIYxLjvYqBH_jD/images/articles/partner-portal-appearance/8d0f8b9e.webp?fit=max&auto=format&n=qMaIYxLjvYqBH_jD&q=85&s=04d0b675ee9086f45a7ec68efcd24f97" alt="" width="2878" height="1556" data-path="images/articles/partner-portal-appearance/8d0f8b9e.webp" />

Here, you'll find two sections:

1. Navigation background - we will use your main brand color for the navigation menu. However, you can change it to black, gray, or white.

2. Navigation style - select how the currently open page should be highlighted:

| Links | <img src="https://mintcdn.com/partnero/qMaIYxLjvYqBH_jD/images/articles/partner-portal-appearance/7da637ed.webp?fit=max&auto=format&n=qMaIYxLjvYqBH_jD&q=85&s=359279eeda5add47a3cb1f51882ebb85" alt="" width="521" height="64" data-path="images/articles/partner-portal-appearance/7da637ed.webp" /> |
| - | - |
| Pills | <img src="https://mintcdn.com/partnero/qMaIYxLjvYqBH_jD/images/articles/partner-portal-appearance/bf555549.webp?fit=max&auto=format&n=qMaIYxLjvYqBH_jD&q=85&s=99c56ee399c7ab5bbf818d9d69f6272e" alt="" width="520" height="65" data-path="images/articles/partner-portal-appearance/bf555549.webp" /> |
| Border | <img src="https://mintcdn.com/partnero/qMaIYxLjvYqBH_jD/images/articles/partner-portal-appearance/6dd187c5.webp?fit=max&auto=format&n=qMaIYxLjvYqBH_jD&q=85&s=8894807ea029832a0842ea2c0e770e0d" alt="" width="520" height="65" data-path="images/articles/partner-portal-appearance/6dd187c5.webp" /> |

***

Public pages

Here, you can customize the settings for the signup and login pages.

<img src="https://mintcdn.com/partnero/qMaIYxLjvYqBH_jD/images/articles/partner-portal-appearance/2e9fe0c7.webp?fit=max&auto=format&n=qMaIYxLjvYqBH_jD&q=85&s=eccb0b3e24ba36c923eb7c61ceba0bb4" alt="" width="2878" height="1562" data-path="images/articles/partner-portal-appearance/2e9fe0c7.webp" />You can select the colors and styling and upload an image to be used. [Read more.](/knowledge-base/partner-portal/customize-signup-and-login-pages)


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.