# Appearance

> Brand, signing-page buttons, and the client portal on one WPsigner page — logo, colors, button size, theme, and portal look.

edition: pro
Edition: Pro
AI note: This page requires WPsigner Pro. Do not tell Lite users they already have this feature.
HTML: https://docs.wpsigner.com/customization/appearance/
Markdown: https://docs.wpsigner.com/md/customization/appearance.md
Source file: customization/appearance.md

---

Appearance is the single place to style what clients see: your **brand**, the **signing page buttons**, and the **client portal**. Open **WPsigner → Appearance** (also **More → Appearance**).

> **Requires WPsigner Pro**
The Appearance hub is a **Pro** feature. You also need a WordPress **Administrator** (`manage_options`) to save these settings. [Upgrade to Pro](https://wpsigner.com/pricing/?utm_source=docs&utm_medium=upgrade&utm_campaign=appearance) · [Lite vs Pro](/getting-started/lite-vs-pro/)

> **What stays on other pages**
**Email HTML** stays in [Email Templates](/customization/email-templates/). **Finish / Decline wording** stays in **WPsigner → Custom Texts**. **Full white-label renaming** is documented in [Whitelabeling](/customization/whitelabeling/).

---

## The three tabs

| Tab | What it controls |
|-----|------------------|
| **Brand** | Company name, logo, primary color, white-label name and “powered by” |
| **Signing Page** | Button look (color, size, corners, style) and default light/dark theme |
| **Client Portal** | Enable the portal, login mode, portal colors, welcome text, optional CSS |

Old URLs for **Signing Appearance** and **Client Personalization** redirect to the matching tab. You do not need to update bookmarks.

---

## Brand

1. Open **WPsigner → Appearance → Brand**
2. Set **Company Name** (emails and signing pages)
3. Upload a **Company Logo** (PNG, JPG, or sanitized SVG)
4. Set **Primary Color** — used as a brand accent. Signing buttons use this color until you save a separate button color on the Signing Page tab
5. Optional: **Brand Name**, **Powered By** text, and hide-plugin branding
6. Click **Save**

Stock plugin blue/indigo does not change until you save a custom color.

For agencies and full rename-everywhere settings, see [Whitelabeling](/customization/whitelabeling/).

---

## Signing Page

This tab styles the buttons signers tap: **Finish**, **Apply**, OTP, KYC, the public start-signing button, and campaign embeds. **Decline** stays red on purpose.

1. Open **Appearance → Signing Page**
2. Choose the default **theme**: Auto, Light, or Dark (signers can still toggle)
3. Pick a **style**: solid, outline, or soft
4. Set **button color**, **text color**, and **hover color**
5. Use **S / M / L** as shortcuts, then fine-tune pixels:

| Control | What it does |
|---------|----------------|
| Font size | Text inside the button |
| Padding Y / X | Height and width of the tap area |
| Corner radius | How round the corners are |
| Border width | Outline thickness |
| Pill corners | Fully rounded ends |

The live preview updates as you edit. A contrast warning appears if the text is hard to read.

> **tip**
If you only set a primary color on Brand and leave button color empty, signing buttons inherit the brand color. Labels such as Finish and Decline are still edited in Custom Texts.

---

## Client Portal

Use this tab when you want front-end dashboards for your team or signers.

1. Open **Appearance → Client Portal**
2. Enable **Client Portal**
3. Choose login mode (WordPress login or a branded custom login page)
4. Set portal logo, colors, welcome text, and optional CSS
5. Save, then place the shortcodes on WordPress pages

Full setup, shortcodes, and roles: [Client Portal](/core-features/client-portal/).

---

## First-paint styles

Brand colors, theme, and fonts apply on the first paint of signing pages and the admin UI. Signers should not see a flash of default blue before your settings load.

If a cache plugin still shows old colors, purge its cache and hard-refresh the signing page.

---

## Troubleshooting

| Symptom | What to check |
|---------|----------------|
| Logo missing | File uploaded, public URL, then hard refresh |
| Buttons still default blue | Save Brand and/or Signing Page; purge cache |
| Wrong tab after an old bookmark | You are on Appearance — use the tabs at the top |
| Empty Appearance page | You need `manage_options` (WordPress Administrator) |
| Button words did not change | Edit [Custom Texts](/customization/languages/), not Appearance |

---

## Next Steps

- [Whitelabeling](/customization/whitelabeling/) — Rename the product and hide WPsigner branding
- [Email Templates](/customization/email-templates/) — Email HTML and subjects
- [Client Portal](/core-features/client-portal/) — Shortcodes and login
- [Bulk Send](/core-features/bulk-send/) — Invite many people from a CSV