With the Advanced plan, 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 Basic 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.
undefined h1, h2, h3, h4, h5, h6, caption, *[class*=heading_h], .examquestion>strong { font-family: Georgia, serif;}
Body text
This includes the answers.
undefined body { font-family: Arial, Helvetica, sans-serif;}Buttons
undefined .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)
undefined 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
undefined 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
undefined body { font-size: 13px;}
Buttons
undefined .container .button, .container input[type=submit], .container input[type=button], .container button, .container .gameisrunning .continue { font-size: 13px;}
Questions
undefined #questioncontainer h1 { font-size: 28px;}
Answers
undefined .answers label, .answers label span, .answerinput * { font-size: 13px;}