Customize Navigation 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.

Feel free to customize & change the examples below, remove what you don't need, or add in any new rules you want.

.custom-navigation-item {
   font-family: arial;
   font-size: 17px;
   background: lightyellow !important;
   color:red !important;
}

[id^=navigation] > svg { color:#C717FF !important; }

[id^=navigation] > svg { color:#C717FF !important; }