Customize Your Site's Font Style with CSS

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

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.