Forum Discussion

ChantalMlders's avatar
ChantalMlders
Community Member
5 years ago

Changing the font of a course's menu

I've been reading various threads on this forum, and I found several requests to be able to change the font size of the automatic menu. However, I would also like to be able to change the font. We h...
rise 360
PhilFoss's avatar
PhilFoss
Community Member
2 years ago

I've only been able to do this with a theme component. CSS below, this one taps into Rise's font variables and replaces the default font (Lato) with the font I've selected for body text, and I made the font-weight thinner at 400 weight.

.nav-sidebar__outline-section-item__link {
font-family: var(--font-family-body);
font-weight: 400 !important;
}

Alternatively you can use var(--font-family-head) to use the font you've selected for headings. If you're using the default theme called Rise, you are forced to use the font Lato. Especially frustrating if your organization has branding requirements, proper logo and font usuage is usually found on page 1.