Alpha Moodle Theme
  • Alpha 2.5.x
  • Requirements
  • Changelog
  • Theme Installation and Update
  • Support Page
  • Translations
  • RTL Interface
  • Paid Courses
  • Getting started
    • Demo content
    • Course Layout
  • Theme Settings
    • Global Styles
      • Typography
      • UI Elements
      • Headings/Text Modifications
    • General
      • Dark Mode
        • 🌑Show/hide on the Dark Mode
    • SEO
    • Customization
      • Google Fonts
      • Colors
    • Login page
    • ⭐Front Page Blocks
      • 🕶️Show/hide for non-logged in users
      • Block Order
      • Block #0 - Default Moodle Front Page Blocks
      • Hero
        • Block #1
        • Block #2 (Hero Video)
        • Block #3
      • FAQ
        • Block #4
      • Grid Content
        • Grid Content #1
        • Grid Content #2
        • Grid Content #3
        • Grid Content #4
        • Grid Content #5
        • Grid Content #6
        • Grid Content #7
        • Grid Content #8
        • Grid Content #9
      • Content
        • Content #1
        • Content #2
        • Content #3
        • Block #5 - Logotypes
      • Categories & Icons List
        • Categories List #1
        • Categories List #2
        • Logotypes List #1
        • Icons List
      • Stats
        • Stats #1
        • Stats #2
      • Team
        • Team #1
        • Team #2
        • Team #3
      • Testimonials
        • Testimonials #1
        • Testimonials #2
        • Testimonials #3
      • How to add more item to blocks?
    • Top Bar
    • Course Page/Card
      • Course List
    • Sidebar
    • Sidebar navigation
    • Custom alert
    • Advanced settings
    • Google/Custom Fonts and GDPR
  • More
    • Server recommendations
    • Graphics, Icons etc.
Powered by GitBook
On this page
  • H5P CSS
  • Raw initial SCSS
  • Raw SCSS
  • Font files

Was this helpful?

  1. Theme Settings

Advanced settings

Site administration -> Appearance -> Space -> Advanced settings

Last updated 2 years ago

Was this helpful?

H5P CSS

Custom CSS code to be applied to H5P activities.

Sample CSS
.h5p-drag-inner { background-color: red; }

Raw initial SCSS

In this field you can provide initialising SCSS code, it will be injected before everything else. Most of the time you will use this setting to define variables.

Raw SCSS

Use this field to provide SCSS or CSS code which will be injected at the end of the style sheet.

With this dialogue you can upload own font files. The uplaod is resricted to the font files of type .eot, .woff, .woff2, .ttf and .svg.

Font files