Learn@Illinois Moodle - Using the UI Custom CSS Block

Learn how to use the UI Custom CSS block. This allows you to alter the CSS code used in your course site. Note that you will need a familiarity with CSS code to use this block.
For a permanent link to this information, please use: http://go.illinois.edu/MoodleCustomCSSBlock

  1. Add the UI Custom CSS block. See our Using Blocks page for instructions on how to add a block.
  2. When you first add the UI Custom CSS block, it will be blank.
    UI Custom CSS Block
  3. Click on the Actions menu gear next to the name of the block.
    UI Custom CSS block Actions Menu
  4. Click Configure UI Custom CSS block.
    Configure UI Custom CSS Block
  5. If you would like to use an external stylesheet, enter the secure stylesheet URL in the "CSS Stylesheet URL" text box.
    Enter additional CSS Code in the "CSS Code" text box.
    CSS Code and style sheet
  6. Click Save changes.

Keywords:
code, style, styles, stylesheet, stylesheets, font, fonts 
Doc ID:
71580
Owned by:
ATLAS-TLT in University of Illinois LAS
Created:
2017-03-09
Updated:
2022-09-15
Sites:
University of Illinois Liberal Arts and Sciences