Course Content

Customizing the Navigation 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.

Customize the membership site top navigation

Change font of top menu navigation

/* Navigation */ #nav { font-family: FuturaPT-Medium; font-size: 17px; letter-spacing: .04px; } #nav ul { justify-content: flex-end!important; }

Change background color of top menu navigation

/* Navigation */ #header { background: green; #replace with correct color }