Rise - default fonts in player

Sep 15, 2022

Hello Rise team.

Firstly I want to thank you for the new feature whereby we can customize our heading and body font in courses. This is amazing!

I do however wonder if it is possible to customize the default font that displays in the course (in the menu and sections).

 

Thanks, 

Andri de Beer

5 Replies
Daniel Canaveral

Hi Andri,

Total disclaimer: I am NOT a web developer, so what I'm about to share is very rudimentary and will likely not adhere to responsive design principles/guidelines.

That being said, I've found that inspecting elements of an exported Rise courses with Google Chrome's Inspect tool allows me to find the line of css I need to adjust within the main.bundle.css folder.  You can use any code editing software (Notepad works just fine).

Here is an example of a default Rise course (Horizon theme): https://storyline360projects.s3.us-east-2.amazonaws.com/RiseCourse-DEFAULT/content/index.html

Here is an example of a customized Rise course (Horizon theme): https://storyline360projects.s3.us-east-2.amazonaws.com/RiseCourse-CUSTOM/content/index.html

Please reference the attached screenshots to see how to read the information provided by the Inspect tool, where to find the main.bundle.css folder, and what values within a given line of css need to be adjusted.  To jump to a line, be sure to use the Find feature and type in the opening of that line (e.g., .overview-list_section-title)

Hope it goes well for ya!

Dan