Overview
This section shows you exactly how you can set up branding in Cloudmore. The goal is to make the platform appear as your own, a seamless extension to your own tools.
The branding applies to your Broker level users. It also applies to all your customers, at Organization level.
Setting up your Custom Theme
Navigate to Settings > Branding and open the Theme tab.
[SCREENSHOT] The left side menu, Settings expanded and Branding selected.
The Theme tab holds three cards. Each one controls a different part of the portal. Changes apply live to the menu and pages.
Header banner
Controls the banner across the top of the portal.
|
Setting |
What it does |
|---|---|
|
Header banner |
Show the banner, or a plain header. |
|
Header banner image |
Optional, overlaid on the color. Upload a PNG or JPG. |
|
Text color |
The text shown on the banner. |
|
Background color |
The banner color. |
|
Gradient |
Fade to a darker shade. |
[SCREENSHOT] The Header banner card, example branding applied.
Highlights & page
Controls the accent colors and the page background.
|
Setting |
What it does |
|---|---|
|
Highlights |
Buttons, table accents, clickable text. |
|
Highlight text |
Text on buttons and accents. |
|
Background color |
Page surface. |
|
Gradient |
Fade to a darker shade. |
[SCREENSHOT] The Highlights & page card, example branding applied.
Left side menu
Controls the logo, icon and colors of the left navigation panel.
|
Setting |
What it does |
|---|---|
|
Left side menu banner |
Logo shown in the expanded menu. Upload a PNG or JPG. |
|
Left side menu icon |
Mark shown when the menu is collapsed. Upload a square PNG or JPG. |
|
Text color |
Labels and icons. |
|
Background color |
Sidebar background. |
|
Gradient |
Fade to a darker shade. |
[SCREENSHOT] The Left side menu card, example branding applied.
Buttons on this tab
-
Save changes button - Saves every setting on the tab.
-
Reset to defaults button - Returns every setting on the tab to the Cloudmore default.
Example of a Branded Setup
[SCREENSHOT] The full portal, example branding applied.