Skip to main content
This is a custom warning

Does the component apply visual style — color, typography, icons, space, borders, and more — using appropriate variable tokens?

Tovuti Impacted

[8-13-24 12:00 PM MT] Our Technology team is aware of the issue with Interactive Content and is working on a resolution. In the meantime, we do not recommend attempting to edit this content, as it will not resolve the issue.

Please check back here for updates.

Email support@tovutiteam.com if you have any questions.

Unlock the power of AI-generated content creation with Dizi

Dizi is an AI-powered LMS content creation assistant that creates quizzes and lessons in seconds and entire professional-looking courses in just minutes. Turn weeks of research, planning, and lesson-building into a click of a button.
Reminder! Tovuti Weekly Maintenance Window!

Tovuti's scheduled weekly maintenance window is every Saturday between 8:00 AM and 12:00 PM, US Mountain Time.

There may be downtime during this period.

Learner Logged-in View: Custom Code Options

  • Updated

Custom code integrations are not supported through the normal support channels. The Tovuti Support team does not correct, implement, or modify any custom code, including any code referenced in the Help Center. For assistance with custom code, please contact your Account Manager or contact the Tovuti Client Success team at clientsuccess@tovutiteam.com.

Administrative teams have the ability to modify and extend the learner experience beyond the status quo functionality by using custom code. The customizations referenced below apply to the logged-in view, including Course, Community, and Events pages. Custom code added to the User Portal affects the entire logged-in view, not just the User Portal page.

 

This article outlines some of the most common modifications Admins apply to the logged-in learner experience in Tovuti LMS. The code samples provided can also be applied to the logged-out view.

These common modifications include:

 

Create a “Back to Home” Button

Admins may use custom code in the Javascript tab of the User Portals editor to update the top corner logo as a button that directs back to the main dashboard.

admin-experience_css_logged-in_01.gif

 

Remove the Shopping Cart Button

By default, the main Courses page includes a Shopping Cart button so that users may view which courses they’ve saved for a later purchase. Admins can remove the button with custom CSS.

Courses page without the Shopping Cart button:

2024-05-21_15h48_23.png

 

Remove the Header Image Overlay

Header images in the logged-in view often include a default overlay that darkens the image. Admins can remove this overlay on any page of the logged-in view.

Image without the banner overlay:

admin-experience_css_logged-in_03.png

 

Apply a Custom Font

Admins may use custom CSS to apply custom fonts and styling to any area of the logged-in view. 

For example, the Admin may change the font of Navigation Menu Items, and keep all other fonts the same.

Module title with a custom font:

admin-experience_css_logged-in_04.png

 

Edit Text Styling

Admins can use custom code to increase or decrease the font sizes, colors, and other custom styling in the learner portal. 

Course page progress bar with increased font size:

admin-experience_css_logged-in_05.png

Related articles