Course Content

Customize Your Site's Font Style with CSS


Murray Gray in Course Content

Dec 09, 2020 - 1 min read. Available on Growth plan or higher.

We've created some example CSS styles that will globally change the font that's used for your student membership site.

To get started:

  • Open any course and open the Course Settings section
  • Open the CSS sub-section
  • Set the Enable Custom CSS For This Course toggle to ON (green)
  • You should then see the CSS field appear. Add your CSS code to that box alongside any other code you may have already added to it.

Change ALL text to a specific font family

* { font-family: lato!important; }

Increase the size of body text

.text-sm, .text-base, .custom-action-description { font-size: 17px !important; line-height: 1.5rem; }

Change the font, size or color of ALL page headlines

Change font -- adjust the font family name to be what you want.

COMING SOON

Change size -- adjust the number to be what you want.

COMING SOON

Change the font, size or color of the sidebar

Change color -- adjust the color name or replace with a hex value.

COMING SOON

Change the font of the sidebar.

COMING SOON

HELP ARTICLES
3