Customize the customer portal

Basic appearance

1. 1

   Open Portal & settings

   Expand Customer portal appearance and use Preview portal to compare changes with your active storefront.

2. 2

   Set the heading and introduction

   Explain the outcomes you actually offer. Keep the heading short and use the introduction for one sentence of context.

3. 3

   Add a logo URL if needed

   Use an HTTPS image hosted on a stable public URL. If omitted, Opus can display the store name instead.

4. 4

   Choose accessible colors

   Set accent, accent text, page background, cards, body text, secondary text, and borders. Maintain strong contrast for buttons and body copy.

5. 5

   Save and test

   Check the first page, all four request steps, validation messages, and the final request status on desktop and mobile.

Advanced typography and CSS

• Font style can inherit the active storefront font or use a system, modern, classic, rounded, or custom stack.
• Custom CSS must use .opus-portal as the root selector so it cannot affect the rest of the storefront.
• Imports, external URLs, scripts, and unsafe rules are blocked.
• Use @media rules for mobile adjustments and test common widths before publishing.
• If custom CSS causes a layout problem, remove it and save; the default responsive layout remains available.