Skip to content
English
File a Support Ticket Customer Portal
  • There are no suggestions because the search field is empty.

Updating CSS in Atomic Assessments

You can update Atomic Assessments to use your own CSS rules to change certain application behaviors and the appearance.

If you want to update how Atomic Assessments behaves or the way it looks, you can do so by editing the CSS rules. Admins can adjust global CSS for all courses using the tool in the Admin Settings menu option. The steps will be the same as applying it at the course level.

Course level CSS can be applied by following the steps below. 

  1. Navigate to the Atomic Assessments menu.
  2. Use the three-dot menu to select Settings.
    Open settings from the three-dot menu
    Figure 1: Open settings from the three-dot menu
  3. Open the Custom styling section.
    Open Custom styling section
    Figure 2: Open Custom styling section
  4. Paste in the code.
    Paste the HTML to change the font size
    Figure 3: Paste the HTML to change the font size
  5. Save the settings.

Common CSS changes 

Use the following code to change font size in AA. Be aware that changing font size may change other elements of the UI.

html { font-size: 12px; /*This affects AA font sizes*/ } .lrn, .lrn .lrn-author-ui-no-preview { font-size: 16px; /*This affects font sizes within questions*/ }

To hide the correct responses box in the student review screens

#hide-correct-responses-option {
display: none;
}