Skip to main content

Description:

Update the size of the text on the Course Menu so it is easier for learners to read.

 

User View:

CSS Code:

Code for Section Title:

.learner__sidebar-inner-list span.syllabus__section-title {color: black;  margin-bottom: 1em;}
/* Edit the below to increase font size - it is currently set to 20px */
.learner__sidebar-inner-list span.syllabus__section-title {color: black;  margin-bottom: 1em; font-size:20px;}

Code for Lesson Title:

/* Edit the below to increase font size - it is currently set to 16px */
.learner__sidebar-inner-list .syllabus__lesson .syllabus__lesson--title .syllabus__lesson--title-text {font-size: 16px;}

Code for Page Title:

.syllabus__topic--non-expandable .syllabus__topic--non-expandable-title-text { margin-top: 2px;}
/* Edit the below to increase font size - it is currently set to 14px */
.syllabus__topic--non-expandable .syllabus__topic--non-expandable-title-text { margin-top: 2px; font-size:14px;}

 

These CSS Blocks are designed for a default Thought Industries instance with no existing Custom Code, so any customizations you’ve added may generate conflicts.

 

Any ideas on CSS to make the circle a checkmark?

 

.icon-circle--full::after{
  content: '✔'; /* Unicode checkmark */
  display: inline-block;
  font-size: 1em;
  color: green; /* Or any color you prefer */
  font-weight: bold;
}

 

Reply


Terms & ConditionsCookie settings