With Corporate and Enterprise Owl plans, it's possible to edit the CSS of your Exams.

You may want to change the fonts, colors, shapes of buttons, and background of your Exams created with Easy LMS. One way to do it is by adjusting the settings at the Styling tab, but you may want to make even more changes than those directly available.

Access to the Cascade style sheets (CSS) allows you to change the way online content is presented.
If you don't know how to use CSS or have a Business Owl plan, you need to use the options available for Basic Styling.

Check out Styling options for Exams to learn about the options.

How to add CSS to an Exam

You can edit the CSS of your Exam directly from your account.

Select your Exam and go to Create > Styling > Custom CSS.



It's possible to add your images and fonts by Uploading images and fonts for custom CSS use

Templates for common styling changes

You can use the code snippets below to create your CSS sheet.

Changing the font family

All Google fonts are now available for Exams.

Headings

This includes the questions.

h1, h2, h3, h4, h5, h6, caption, *[class*=heading_h], .examquestion>strong {  font-family: Georgia, serif;}


Body text

This includes the answers.

body {  font-family: Arial, Helvetica, sans-serif;}


Buttons

.container .button, .container input[type=submit], .container input[type=button], .container button, .container .gameisrunning .continue {  font-family: Arial, Helvetica, sans-serif;}


Everything (the same font)

body, h1, h2, h3, h4, h5, h6, caption, *[class*=heading_h], .examquestion>strong,.container .button, .container input[type=submit], .container input[type=button], .container button, .container .gameisrunning .continue {  font-family: Arial, Helvetica, sans-serif;}


Changing the font size

Headings

h1 {  font-size: 28px;}h2, caption, .heading_h2, .examquestion>strong {  font-size: 21px;}h3, .heading_h3 {  font-size: 16.8px;}h4 {  font-size: 15.4px;}h5 {  font-size: 14px;}h6 {  font-size: 11.2px;}


Body text

body {  font-size: 13px;}


Buttons

.container .button, .container input[type=submit], .container input[type=button], .container button, .container .gameisrunning .continue {  font-size: 13px;}


Questions

#questioncontainer h1 {  font-size: 28px;}


Answers

.answers label, .answers label span, .answerinput * {  font-size: 13px;}
Was this article helpful?
Cancel
Thank you!