The Super Admin Tools in Coursebox's Branded Platform empower organizations to fully customize and manage their learning environment. As a Super Admin, you have comprehensive control over branding, user management, course settings, and integrations, ensuring a seamless and tailored experience for your learners.

Key capabilities include:

• Full Branding Control: Customize your platform with your organization's logo, colors, and domain, removing all Coursebox branding.
• Advanced User Management: Manage user roles and permissions, and oversee up to 10,000 active monthly learners.
• Custom Onboarding and Registration: Design personalized onboarding experiences and registration flows for your users.
• Marketplace and Commission Management: Set up and manage your course marketplace, including commission structures.
• LMS Integrations: Integrate with existing Learning Management Systems (LMS) using LTI 1.3 standards.
  
  

For Business & Enterprise Accounts only.  To upgrade your account go to: https://www.coursebox.ai/pricing

Manage the Dashboard

This section explains how Super Administrators can access and configure the overall portal settings in Coursebox. From branding and domain setup to system preferences and user permissions, Super Admins have full control to tailor the platform to meet their organisation’s needs.

On the course main page, select the dropdown arrow on the top right to reveal the menu.  Then select settings.

Branding and Portal Name

The following items are for users who have upgraded from a My.coursebox.ai account to become a super admin on a Branded Training Platform, which is a stand-alone database and installation of the Coursebox platform.

In your course home page click the Edit Branding button at the top left to get started.

Right away you will see a selection of elements that you can modify

1. Portal name: Enter the desired name for your portal. This will be used in all the communication Groups like emails, notifications, browsers etc.
2. Header Logo: The header logo should usually be a white png with transparency min 100px high. If you invert the header to white, use a colour logo. We recommend you to crop the logo in a large screen.
3. Portal Icon: The Portal Icon file is used on apps and tabs. It should be in .ico format.
4. Sharing Image: For the sharing image, provide an image file which will appear as a thumbnail while sharing on social networking sites like Facebook, Twitter and LinkedIn.
5. Email Logo: The email logo should be a png file not smaller than 100px high. We recommend you to crop the logo in a large screen.

Colours

You are able to edit the colour scheme across your portal and courses individually in two drop down menus shown below

1. Here you will be able to edit the colours across the entire theme of your portal. 
2. 
3. You can also modify the colour scheme for your Course Colours
4. 

Font

Here you are able to edit the font details shown within your courses. The letters below indicate; 

1. H1-3: Heading 1-3 font sizes
2. P: This is the standard text (or paragraph)

Using the Top Menu HTML

The Top Menu HTML area lets you add a custom, central header menu for desktop viewers using HTML. This allows you to design navigation links that appear at the top of your site and align with your brand’s look and feel.

• Open the Top Menu HTML editor
  Navigate to Settings → Appearance → Top Menu HTML.

• Switch to HTML mode
  Click the </> button in the toolbar to open the HTML code view.

• Add your custom HTML
  Use the sample structure below to create your menu:

<div class="top-menu">
  <ul style="list-style:none; display:flex; justify-content:center; gap:30px; margin:0; padding:0;">
    <li><a href="/home" style="text-decoration:none; color:#333; font-weight:bold;">Home</a></li>
    <li><a href="/courses" style="text-decoration:none; color:#333; font-weight:bold;">Courses</a></li>
    <li><a href="/about" style="text-decoration:none; color:#333; font-weight:bold;">About Us</a></li>
    <li><a href="/contact" style="text-decoration:none; color:#333; font-weight:bold;">Contact</a></li>
  </ul>
</div>

• Preview your menu
  Save your changes and refresh your page to see the header menu in place. 

Manage the Portal Colours

The Portal Colours settings allow you to fully customise the appearance of your courses. With these options, you can align the platform to your brand, maintain visual consistency, or highlight specific content areas.

You can choose to:

• Edit colours for an individual course, or

• Apply default colours at the Super Admin level, which will automatically carry across all newly created courses.

Setting colours at the platform level helps ensure consistency across multiple courses and saves time during course creation.

Header Band

Where it appears: The full top bar across the platform (logo area, edit button, search/add/chat/notifications, profile).
Purpose: Primary brand surface visible on every page.
Impact: Changing this updates the global header look and overall brand feel. 

Example:

Header Icons

Where it appears: Icons on the right side of the header (search, add, messages, notifications, profile).
Purpose: High-contrast controls for quick actions.
Impact: Adjusting this affects icon visibility against the header band.

Example:

Portal Colour Where it appears: Primary action buttons (e.g., +Add, Editor, Access) and key CTAs.
Purpose: Highlights core interactions and drives attention.
Impact: Changing this alters the look and prominence of main buttons. 

Example:

Secondary Colour

Where it appears: Secondary buttons, accents, and subtle highlights.
Purpose: Visual hierarchy for secondary actions.
Impact: Adjusting this changes how secondary elements stand apart from primaries.

Example:

Secondary Font Colour

Where it appears: Supporting text (subheads, labels, secondary UI text).
Purpose: Clear readability on light backgrounds.
Impact: Affects legibility and tone of secondary copy.

Example:

Course Editor Band

Where it appears: The coloured band within the Course Editor interface.
Purpose: Distinguishes edit mode from learner view.
Impact: Changes the visual identity of the editor workspace.

Course Editor Icons

Where it appears: Icons in the Course Editor band (tools, settings, actions).
Purpose: Neutral, readable tool icons.
Impact: Influences tool clarity; keep contrast with the editor band.

Example:

AI Background Colour

Where it appears: Background of AI features (AI tutor/chat, AI generation areas).
Purpose: Branded differentiation for AI interactions.
Impact: Adjusting this updates the visual style of AI components platform-wide.

Example:

Left MenuWhere it appears: The vertical left navigation (Courses, Resources, Groups, etc.).
Purpose: Solid, neutral base for navigation.
Impact: Alters the overall look and contrast of the main nav area.

Example:

Left Menu Icon

Where it appears: Icons inside the left navigation.
Purpose: Subtle but readable pictograms alongside labels.
Impact: Affects icon clarity and emphasis in the nav.

Example:

Drop Menu Icon

Where it appears: Dropdown/chevron indicators in menus.
Purpose: Visual cue for expandable items.
Impact: Changes the subtle affordance for opening menus.

Example:

Page Header

Where it appears: Top-level titles on pages (e.g., “My Courses”).
Purpose: Strong contrast for primary headings.
Impact: Affects readability and hierarchy of page titles.

Example:

Body Background

Where it appears: The main content background behind pages, cards, and widgets.
Purpose: Clean, professional canvas for content.
Impact: Highest impact on clarity; white is recommended for accessibility.

Example:

Menu Active Colour

Where it appears: The currently selected menu item in navigation.
Purpose: Shows users where they are.
Impact: Ensure contrast; consider using Electric Blue #2D9CFF, Magenta #C93AFF, or Vivid Purple #7B2FF7 for a clearer active highlight on white.

Example:

Menu Feature Block

Where it appears: Highlighted feature sections within menus.
Purpose: Draws attention to key or promoted areas.
Impact: Adjusting this changes how feature blocks stand out.

Example:

Menu Feature Font

Where it appears: Text inside menu feature blocks.
Purpose: High-contrast text over coloured blocks.
Impact: Directly affects readability within feature callouts.

Example:

Set SCORM menu background and colours

This setting allows you to change the background color behind SCORM-based content in the course menu. It helps visually distinguish SCORM packages from other learning materials.

SCORM menu item color

This customisation option sets the color of SCORM items listed in the course menu. It's useful for maintaining visual consistency or drawing attention to interactive elements.

SCORM menu item active color

This controls the highlight color for a SCORM menu item when it is selected or active. It enhances the user experience by clearly showing which item is currently in use.

Top Menu HTML

This is a brand new feature released on July 6th 2020. Using this feature, super admin can create custom menu on the portal which will be visible to everyone. 

Use custom HTML to create a central header menu for desktop viewers.

There, you can paste your own custom HTML on the menu. As you edit the html, it will automatically be visible at your meny section on the top menu bar.

How do you create the menu HTML? Ask your front end developer to modify this code or contact us for assistance:
https://docs.google.com/document/d/1YG5HHF89Jfbty5KivfsBagnbw_5Laj0Wo36mzSYl2Po/edit?usp=sharing

Example:

If you want a similar menu, please provide as details in the following format. You can see the example below.