Documentation

Each template consists of different module types, e.g., there is the Text module, buttons such as Previous Page Button or Next Page Button, or various exercise modules like Choice or Ordering.

To save your time, it is possible to define a CSS class for each type of module individually. For instance, you can specify the font color, size, and style for all Text modules used as instructions in the template. It can be done in the "Presentation" -> "Edit CSS" section, where you can name and define individual CSS classes for different module types.

The created classes are later displayed in the dropdown menu in the "Styles" section of your template and can be easily selected to give formatting to a chosen module.

It is essential to remember that to use the predefined CSS classes properly, they need to be appropriately named in the "Edit CSS" section. For instance, if you want to define text modules, you need to give them distinctive names in the "Edit CSS" section, e.g., text1, text2, or text_title. Otherwise, they won't be properly displayed in the dropdown menu in the "Styles" section.