monocolor
Get this themeSupport
  • monocolor
  • Changelog
  • Requirements
  • Getting started
    • Theme Installation/Update
    • Translations
    • Recommended plugins to install
      • Atto Editor: Full Screen
      • Atto Editor: Advanced Link
  • Demo Content
    • Demo content
    • Front Page Blocks
      • Show/hide for non-logged in users
      • Blocks Order
      • Block #0 - Default Moodle Front Page Blocks
      • Hero Blocks
        • Block #1 - Hero Slider
        • Block #2 - Video Hero
        • Block #3 - Hero Image
        • Block #4 - Hero Slider #2
      • HTML Blocks
        • Team
          • Block #17.1, #17.2, #17.3
        • Categories List
          • Block #19
        • Logotypes
          • Block #15
        • Testimonials
          • Block #14.1, #14.2, #14.3
        • Content
          • Block #8
          • Content #1
          • Block #16
          • Block #20
        • Grid Content
          • Animated images with the content (5)
          • Grid with Icons (6.1, 6.2)
          • Block #9.1 , #9.2
          • Block #10
          • Block #11
          • Block #12
          • Block #13
        • FAQ
          • Block #18
        • Call to Action
          • Block #21
          • Block #22
      • Advanced Options
        • Additional Classes
        • Custom Block Title
        • Custom CSS field
        • Custom CSS/SCSS for Blocks
        • Gradient Titles
        • Rounded Boxes/Containers
        • Rounded Images
      • Re-usage HTML code snippets
  • UI Kit
    • Global Styles
      • Typography
      • UI Elements
      • Headings/Text Modifications
    • Course Layout
      • Standard View
      • Tab Layout
    • Course Formats
    • Paid Courses
  • Theme Settings
    • General
    • SEO
    • Customization
      • Google Fonts
      • Colors
    • Login page
    • Top Bar
    • Footer
    • Course Page
    • Google/Custom Fonts and GDPR
  • Custom Enrollment Page
  • More
    • 🕶️Show/hide for non-logged in users
    • 🌑Show/hide on the Dark Mode
    • Server recommendations
    • Graphics, Icons etc.
Powered by GitBook
On this page
  • Available layouts
  • Available options
  • Hide Course Index Navigation
  • Display teachers section
  • Display course summary (Course Index Page)
  • Display course details (Course Index Page)
  • Display course image (Course Index Page)
  • Display Course Progress Bar
  • Activity Icons

Was this helpful?

  1. UI Kit

Course Layout

PreviousHeadings/Text ModificationsNextStandard View

Last updated 1 year ago

Was this helpful?

Available layouts

Available options

Hide Course Index Navigation

Display teachers section

Display the teachers' section on the main course page.

Display course summary (Course Index Page)

  1. Custom width of the Course Description Wrapper (First Tab) -> If empty then the container will be full width.

  2. Custom width of the Course Description Wrapper (Course subpages) -> If empty then the container will be full width.

Display course details (Course Index Page)

Display course image (Course Index Page)

Display Course Progress Bar

Course progress bar displays on the course index sidebar

Activity Icons

Customize activity icon colors. Add a custom CSS (Advanced - Raw SCSS) to change the icon color from black to white.

.activityiconcontainer .activityicon,
.activityiconcontainer .icon {
    filter: invert(1);
}

Layout #1

Layout #2

Standard View
Tab Layout