I like the Example 1 and would like to implement it, but when I do, the text of the pages in the menu gets even smaller and is hard to read.
How do I change the page titles to a bigger size in the menu bar?
Code Library Question - text size
Best answer by Philcahill87
Hi Lisa,
The Code does not impact the size but you can add a font-size in if you want to make it bigger. Swap or add the code below.
Please adjust the font-size pixel (20px) to what you need.
Code provided for Section Title:
.learner__sidebar-inner-list span.syllabus__section-title {color: black; margin-bottom: 1em;}
Edit to increase font:
.learner__sidebar-inner-list span.syllabus__section-title {color: black; margin-bottom: 1em; font-size:20px;}
Code provided for Lesson Title:
None
Edit to increase font:
.learner__sidebar-inner-list .syllabus__lesson .syllabus__lesson--title .syllabus__lesson--title-text {font-size: 16px;}
Code provided for Page Title:
.syllabus__topic--non-expandable .syllabus__topic--non-expandable-title-text { margin-top: 2px;}
Edit to increase font:
.syllabus__topic--non-expandable .syllabus__topic--non-expandable-title-text { margin-top: 2px; font-size:14px;}
Example with font-size changed

Sign up
Already have an account? Login
All log-in's are now via TI SSO
Click here to access the SSO pageEnter your E-mail address. We'll send you an e-mail with instructions to reset your password.



