Note: You are currently viewing documentation for Moodle 2.2. Up-to-date documentation for the latest stable version is available here: Category Design.

Category Design

From MoodleDocs

Category Themes

  • If you want to create design variations for categories, there are a couple of approaches for achieving this. Each approach has it's advantages and disadvantages, so choose the one that best fits your needs.

Using Category Setting to Apply a Category Theme

  • The first approach is to use the option to allow different themes for different categories (or for different course, for that matter).
  • You would then have to design different themes for different categories and apply the theme to that category. Upload the themes to your theme folder.
  • How to do it:
    • Going to Site Administration>>Appearance>>Themes>>Theme Settings and check the option to allow category themes.
    • In the Category page turn editing on and click the icon to edit category setting.
    • Choose the category theme from the dropdown list next to the "Force Theme" settings, and save the changes.
  • PROS and CONS of this approach:
    • PROS: Completely different themes may be used for different categories, creating a very distinctive view for the category.
    • CONS: Using category themes may affect performance. Creating category themes or creating child themes may require quite a lot of work, so this approach is easier to use if you are using existing or 3rd party themes.

Using CSS to Define Category-Specific Theme changes

  • How to do it:
    • Step 1
    • Step 2
  • PROS and CONS of this approach:
    • PROS:
    • CONS: If you create new categories and want to apply the theme changes to them, you'll have to go back to the CSS code to make edits for those categories as well. Also - this approach is not appropriate if the changes for the category design require lots of CSS alterations.

More Info