Customize the background color or image of Modules and Sections

Version: Kora Courses, March 16, 2024 or later
Permissions required: Student

Customizing the background color or image of modules and sections can bring more depth to your ePortfolio design. The tools for customizing the module and section background are found in the Settings for the section or module you have selected.

Customizing Module background

• If you would like to add a background image to a module: select the module you would like to customize and then select Settings (1).

• In the module settings, scroll down to find the menus for editing Background Color, and Background Image.  
• To choose a new background color, click the color swatch (2) to open the color-picker. Background color opacity can be adjusted with the Opacity controls (3).

• Click the opacity number and then drag the slider to lower or raise the opacity (4) of your background color.

• To add a background image to the module, click “SELECT IMAGE” (5).

• When you click "Select Image," you will be taken to your library, where you can either use a Previously Uploaded (6) file or Upload a File (7).

• After you have added your image, you can change its settings to meet your style (8).

Customizing Section background

• If you would like to add a background image to a section you can add it using two methods.

1. Through the Settings option

• Select your section and expand the context menu (1) and click Section Settings.

• You can then either adjust the background of the Top Layer (3) or Bottom Layer (4) of the section.

• Here is the image added to the Bottom Layer Background of section (5).

• And here is the image added to the Top Layer Background (6).

• Also, you can apply a preferred color to the Top Layer Background (7) and Bottom Layer Background (8).

2. Through the “Change background” option

This helps you quickly see and adjust section backgrounds without needing to open settings.

• To add a background to a section navigate to the section and click “Section Context Menu”(1). Then select the “Change background for Section number <n>” option (2).

• You can choose and add images in several ways:
  • My files (3).
  • Upload an image file (4).
  • Take a picture (5).
  • Search for an image (6).

• The selected image (7) will be added as a background to the section.
  

• If the section has a color background, the context menu will display an icon with the selected color (8).

• If the section has a background image, the icon will display a preview of that image (9).