Category images

In Moodle
About this page

Default pictures for course categories without their own image.

Category Images

Upload images for categories and subcategories. They appear automatically on the category list page. ### Customize the image shadow overlay Adjust or remove the shadow or gradient on category images by adding custom CSS to **Raw SCSS** (*Theme settings → Addons → Advanced*). #### Remove the shadow completely 
.subcategories .category .rui-category-cover-wrapper:before {
    display: none;
}
#### Customize the gradient overlay 
.subcategories .category .rui-category-cover-wrapper:before {
    background-image: linear-gradient(180deg, #fff0 53%, #000 110%);
}
*Tip: Save the theme settings form after editing Raw SCSS for changes to take effect.*
On / off

Show Category Summary

Show the category summary in the box.

Admin keytheme_xy/showcatsummary
DefaultOff
On / off

Enable Category Images

Category images must be named in the format cat[id].jpg where [id] is the category ID number (e.g. cat1.jpg for category ID 1). Only JPG format is supported.

Admin keytheme_xy/enablecatimgs
DefaultOff
Upload a file

Files

Upload images for categories and subcategories. The theme will automatically add these images to the category list page.

Admin keytheme_xy/catimgs
Suggested screenshot. Show the setting in the admin and the same place on the public site.
Add screenshot: screenshots/catimgs/catimgs.png

Clearer

Clear all settings and start from scratch.

Last updated: June 2, 2026