Course Content

Customizing Your Membership Site 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 Advanced 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; }

Change the font, size or color of ALL page headlines

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

div.page-banner__title { font-family: arial !important; }

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

div.page-banner__title { font-size: 24px !important; }

Change the font, size or color of the sidebar

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

div.page-banner__title { color: red !important; }

Change the font of the sidebar.

.sidenav-opener { font-family: FuturaPT-Medium!important; font-size: 18px!important; }

HELP ARTICLES
3