Skip to content
English
Log in
  • There are no suggestions because the search field is empty.

Customize a course homepage

This guide explains how to customize the homepage of your course in Teach Up: background image, main color, logo and accessibility. In the course editor, the homepage is at the very top: the course title, the background image area and, above them, the course settings.

Note: your changes are saved when you click the Save changes icon at the top of the left panel (tooltip "Save changes") or "Back to my studio". If you reload the page or close the tab before that, they are lost.

Table of contents

Add a background image

The background image is displayed behind the course title, both in the editor and for learners. You can choose an image suggested by Teach Up or import your own.

Choose a suggested image

  1. Click "Suggestion" Suggestion below your course title.
  2. The "Suggested Images" window opens. It shows images found with keywords that Teach Up's AI picked from the course title ("Keywords generated by Teach Up's AI" field).
  3. If the images don't suit you, edit these keywords, then click "Relaunch" to get other images.
  4. Click the image you want: it becomes the course background.

Choosing a suggested background image: Suggestion button, keywords, Relaunch, then click an image
Click the image to enlarge it.

Import your own image

  1. Click "Add background" below your course title: your computer's file selection window opens.
  2. Select your image.

Tip: for best results, choose an image sized between 980 and 1,600 pixels.

To remove the image, click the cross at the top right of the background area.

Customize the course

The main color (1), accessibility (2) and logo (3) settings are above the course title.

Settings above the course title: Main color (1), Accessibility (2) and Logo (3)
Click the image to enlarge it.

Change the main color

  1. Click the color square under "Main color" (1).
  2. The color palette opens:
    • click a predefined color: it is applied right away;
    • or enter a hex code (for example 00897B) in "Custom color", then click "Confirm".

Color palette with the Custom color field and the Confirm button
Click the image to enlarge it.

The color and the logo are not shown in the same place depending on the type of learner experience:

  • "Smart One Page Experience": the color fills the vertical band on the left and the logo is shown at the bottom of this band, from the homepage onwards. The content then scrolls on a single page.
  • "Sequenced Experience": the homepage shows the title on the background image, without the color or the logo. On the content screens, shown one at a time, the color fills the top bar and the logo is shown on the right.

Comparison of the two learner experiences: homepage and content screen with Smart One Page Experience, then with Sequenced Experience
Click the image to enlarge it.

Add a logo

  1. Click "Import" Import under "Logo" (3), at the top right: the file selection window opens.
  2. Select your logo file. It appears in the "Logo" box.

Note: for best results, use a PNG logo with a transparent background.

Change the course accessibility

The "Accessibility" setting (2) shows who can see the course in the studio:

  • "Public : Visible to the team."
  • "Private : Only visible to you and administrators"

To change it:

  1. Click the current setting: it switches from "Public" to "Private", or the other way round.
  2. Save with the Save changes icon at the top of the left panel, or by clicking "Back to my studio" Back to my studio.

An administrator can also change the accessibility of a private course they don't own: see the FAQ in The different roles on Teach Up.

Frequently Asked Questions

How do I replace or remove the background image?

To replace it, use "Suggestion" or "Add background" again: the new image replaces the previous one. To remove it, click the cross at the top right of the background area. Then remember to save.

What if the suggested images don't match my content?

  • Edit the keywords in the "Suggested Images" window, then click "Relaunch".
  • You can also import your own image with "Add background".

Why have my homepage changes disappeared?

They were probably not saved. After a change (image, color, logo, accessibility), click the Save changes icon at the top of the left panel or "Back to my studio" before reloading the page or closing the tab.

Which background image format works best?

How the background image is displayed can vary with the screen (computer or mobile). Here are our recommendations depending on the image:

  • Landscape: well suited to computers, but heavily cropped on mobile.
  • Portrait: better preserved on mobile, but more cropped on computers.
  • Square: a balanced compromise, with similar cropping on all screens.

📌 Tip: choose an image with the main subject centered and nothing important too close to the edges. It will remain readable on any device.