⚠️
Browser compatibility
Your browser may be outdated and some features may not work. We recommend upgrading or using a modern browser.

04-Appearance-Branding

Appearance & Branding

Configure the public site’s visual brand: logo, favicon, theme colors, and front-end style variables. Same page as Site Settings at /admin/settings; use anchors #appearance-branding and #site-logo.

How to Access

Top bar Basics & Display → Appearance, or visit /admin/settings#appearance-branding.

Logo Type

Type Best for
Text logo Abbreviation + full name for a minimal brand
Image logo Upload PNG/SVG or provide an image URL
  • Supports local upload or external URL.
  • Use a moderate size and transparent background so it displays well on light and dark headers.

[Screenshot pending] Appearance & branding — logo — text/image toggle and preview

Favicon

Upload a site icon (.ico / .png) for browser tabs and bookmarks.

Appearance & Theme (#appearance-branding)

Setting Description
Theme / brand color Affects buttons, links, accent colors, and CSS variables
Public header style Header background, text contrast, etc. (per actual form fields)
Live preview Some fields update a theme preview instantly

After saving, refresh public pages to see changes. The member user panel and share pages share the same theme.
Appearance.jpg

Appearance & branding — theme color — color picker and public preview area

Common Tasks

  1. Replace logo: Logo section → choose image → upload or enter URL → save → open the public site in a new window to verify.
  2. Unify brand color: Appearance section → adjust primary color → save → check login, VIP, and share pages for consistency.
  3. Restore defaults: Clear custom color values or re-upload default assets (use the form’s Restore defaults button if available).
0%