Affinity Learning Inc.
  • 👋Hey, it's Affinity!
  • Overview
    • 💡What we do
    • ✨Our Features
  • Product Guides
    • 🧑‍🤝‍🧑Types of Roles
      • External Admin
      • Internal Admin
      • Learner
      • Manager
    • 🔐Authenticating
      • 🔐Mandatory SSO Configuration
      • 🔐Okta Integration
        • Custom Okta Fields
      • Domain Restrictions
    • 📩Invites
      • Accept an Invite
      • Invite an Admin
      • Invite a Learner
    • 🏠Internal Organizations
      • Create an Internal Organization
      • Admin User Management
      • Learner Management
        • Invites
        • Removing
        • Merging
        • Leaves of Absence
        • Email Communications
        • Trainings
          • Nudges
          • Override Status
          • Override Due Date
          • Requirement Override
          • Add Notes
          • Bulk Management
          • Individual Bulk Training Management
      • Training Management
        • Assign a Training
        • Unassign a Training
        • Previewing a Training
        • Filtering Trainings
        • Reporting
        • Manage Trainings in Bulk
        • Training Quick Edits
        • Set Due Date
        • Required vs Optional
        • Open Course Catalog
        • Supporting Documents
        • Nudge
        • Via Sponsor
      • Dashboard
      • Reporting
      • Billing
      • Sponsor Onboarding
      • Slack Integration
      • Rules & Schedules
        • Nudge Schedules
        • Recurring Schedules
          • Advanced - Campaigns and Recurring Schedules
      • Notification Settings
      • Downloading PDFs
    • 🏛️External Organizations
      • Dashboard
      • Portfolio Management
        • Inviting Organizations
        • Performance
        • Reports
        • Details
      • Learner Details
      • Admin Management
      • Training Management
        • Assigning Training
        • Edit a Training
        • Reporting
        • Previewing a Training
        • Supporting Documents
      • Campaigns - External
        • Creating and Managing
      • Reporting Partners
      • Scheduled Reports
    • 📚LMS - Authoring
      • LMS Dashboard
      • Deleting a Training
      • Share/Review Links
      • Version Control
      • Structure of a Course
        • Section Management
          • Section Settings
        • Page Management
          • Page Settings
        • Name, Description, & Logo
      • Customizing Content
        • Custom Targeting
        • Custom Templating
        • Duplicating and Customizing Affinity Trainings
        • Theming
        • Design Settings
      • Grading & Tracking Settings
        • Question Response Data
      • Previewing and Publishing
      • Training Library Catalog
      • Editor Overview
        • Knowledge Based Questions
        • Section and Page Reordering
        • Media
        • Interactive Features
        • Tables
        • Column Layouts
      • Use Cases
        • Policy Attestation Example
      • Restricted Authors of Course
    • 📖Campaigns
      • Campaign Page
      • Campaign Detail Page
      • Create a Campaign
      • Create a Program
      • Program - Activate
      • Program - Learner Management
      • Program - Training Management
      • Program - Editing
      • Program - Delete
      • Campaign - Delete
      • Reporting
      • Advanced
      • Use with Recurring Schedules
    • 🖇️Reporting
      • By Training
      • By Portfolio
      • By Campaign and Program
      • Report Builder & Scheduler
        • Audit Events Report
    • 👩‍💻Learners
      • Dashboard
      • Assigned Trainings
      • Taking a Training
    • ⏰Notifications
    • 📆Nudges
    • 🥇Trainings
      • Previewing a Training
    • 📄Supporting Documents
      • Uploading Supporting Documents
      • Learner Experience
    • Cora - The 24/7 Virtual Compliance Officer
    • Risk Radar & Embedded Assessments
    • Belonging to Multiple Organizations
    • 👩‍💼Managers
    • In Person Trainings
    • Data Exports/Imports from other LMS
  • Fundamentals
    • 🛠️Quick Start Guides
    • New Learners Video Tutorial
    • Sponsored Fintechs Video Tutorial
    • New Orgs - Assigning Trainings
    • New Orgs - Creating Campaigns
  • Use Cases
    • 💳BNPL & BaaS Fintechs
    • 📊Growing Regulated Tech Company
    • 📈Revenue Driving & Sales
    • 🤹‍♂️People Operations
    • 📖Knowledge Management Platform
Powered by GitBook
On this page
  • Demo
  • Opening the Design Settings Tab
  • What can be designed?
  1. Product Guides
  2. LMS - Authoring
  3. Customizing Content

Design Settings

Courses in your LMS library are able to be designed with custom settings including: fonts, logos, and colors.

PreviousThemingNextGrading & Tracking Settings

Last updated 3 months ago

For any course that you own and are able to edit in your content library, you can add custom design settings. These custom settings include manipulating design resources, such as:

  • Colors

  • Fonts

  • Backgrounds

  • Borders

  • and Logos

Demo

In the video above, the design settings are in the course settings area. The user experience has been updated to have the design settings as part of the design elements panel on the left side of the page.

Opening the Design Settings Tab

To find the design settings tab, open up the editor experience for a course of interest and then click on the Design Elements icon to open up the design window. Here you will see a "Design" tab.

Once the settings experience is open, you will want to click on the Design tab.

By default all courses when they are created inherit the default Affinity design schema. You can revert to this at any time by clicking the Set Default Values button.

Also, while you are making changes, if you need to reset anything, you can click the Reset button which will change the design settings back to the previously saved values.

To save any changes, simply click Save.

The design changes will show up in your preview, but won't take effect for learners until you publish the course.

What can be designed?

Fonts

The default font family for a course can be changed. You can also change the default font size for text.

Logo

Every course can have it's own logo which is presented in the course catalog and to users. To set your own logo for the course you can upload an image in this area.

Colors

You can style the following colors:

  • Primary color. The dominant color in your training.

  • Widget background and border colors. Widgets are interactive elements like questions and experiences.

  • Default background and foreground colors. These would be the primary color of pages as well as the text on those pages.

  • Side panel color. This is the color of the navigation side panel which shows the progression of the course.

📚