Design

Appearance

The Appearance section allows you to configure the visual interface of the student dashboard. This setting determines how learners interact with course content and view their progress.

Accessing Appearance Settings

Navigate to Tutor LMS > Settings > Design in your WordPress admin dashboard. Locate the Appearance section to configure your preferred platform appearance.

Learning Mode Options

Tutor LMS offers three distinct learning modes. Each mode provides a different interface designed for specific user demographics.

Learning Mode	Target Audience	Description
Modern	Adult learners and professionals	Clean, optimized dashboard with unified progress tracking, quick access to active courses, and a streamlined layout focused on learning efficiency.
Kids	Children and young students	Visually engaging interface featuring bright colors, gamified elements like learning streaks, and playful icons to encourage participation.
Legacy	Existing installations	Preserve the Tutor LMS 3.0 dashboard interface for sites requiring visual continuity with previous versions.

To apply an appearance mode, navigate to Settings > Design > Appearance, select your preferred mode, and save changes. The selected mode applies immediately to the student dashboard.

Note: Modern mode is the default layout for fresh Tutor LMS 4.0 installs. You can toggle between learning modes at any time without running extra configurations or risking your existing course data.

Course

Course Builder Page Logo: Add the logo you want to display on the frontend course builder when instructors create or edit a course.

Column Per Row: Define how many columns you want to use to display courses on the Course Archive Page.

Course Filter: Show sorting and filtering options on the Course Archive Page.

Courses Per Page: Set the number of courses you want to display “per page” for pagination.

Preferred Course Filters: Choose the preferred filter options you’d like to show on the Course Archive Page.

Course Sorting: Enable this option to allow the courses to be sorted by Course Name or Creation Date in either Ascending or Descending order.

Layout

Instructor List Layout: Choose a layout for the list of instructors inside a course page. You can change this at any time. Options include:

Portrait
Cover
Minimal
Portrait Horizontal
Minimal Horizontal

Instructor Public Profile Layout: Choose a layout design for an instructor’s public profile. Options include:

Private
Modern
Minimal
Classic

Student Public Profile Layout: Choose a layout design for a student’s public profile. Options include:

Private
Modern
Minimal
Classic

Course Details

Enable/Disable these options to have them show/conceal them on the frontend Course Details Page for your instructors. Only the admin can change these toggles.

Instructor Info: Enable to show Instructor Info
Q&A: Enable to add a Q&A section
Author: Enable to show Course Author name
Level: Enable to show Course Level
Social Share: Enable to allow Course Social Share
Course Duration: Enable to show Course Duration
Total Enrolled: Enable to show Total Enrolled Students
Update Date: Enable to show the last date the course was updated.
Progress Bar: Enable to show the Course Progress of students
Material: Enable to show Course Materials
About: Enable to show the Course’s About section
Description: Enable to show Course Description
Benefits: Enable to show Course Benefits
Requirements: Enable to show Course Requirements
Target Audience: Enable to show the Course’s Target Audience
Announcements: Enable to show Course Announcements
Review: Enable to show Course Reviews
Sticky Sidebar: Enable to keep the sidebar fixed as users scroll through long pages. Learn how to keep the sidebar sticky by following this Sticky Sidebar Tutorial.

Position of the Enrollment Box in Mobile View: Define where you want the Enrollment Box to be positioned on your Course Details Page by selecting an option from here. Options include:

On Page Top
On Page Bottom

Showcase Certificate

Tutor LMS allows course creators to showcase certificates on course details pages, providing certificate previews to prospective students.

Prerequisite: The Certificate Builder plugin must be activated for the showcase feature to work if you’ve used the plugin to create your certificates. Details on downloading and using this plugin can be found in the Certificate Builder documentation.

The “Showcase Certificate” option is located under Tutor LMS > Settings > Design section. Enabling this toggle displays a certificate showcase on course details pages.

When enabled, course creators can now customize the section with the following:

Title: A Title for the showcase section
Description: A personalized message for the showcase section

The certificate showcase section is displayed on the Course Details page responsively across all themes and devices. Here’s the preview of this section on the course page:

Colors

Primary Color: Choose a custom primary color
Primary Hover Color: Choose a custom primary hover color
Text Color: Choose a custom text Color for your website
Grey: Choose a color for elements like table, card, etc
Border: Choose a custom border color for your website