Changing the Color of a Header Background using DesignPLUS

This brief guide shows how to update the background color of a course header directly within Canvas. Using DesignPlus, a simple, built‑in tool, you can quickly choose a new shade that matches your course theme or school branding, without any coding or technical steps. Follow the easy, step‑by‑step instructions below to give your header a fresh look that engages your learners right from the start.

Step-by-step:

1

Navigate to the page where you want to make the change

 

 
2

Click Edit

 

Edit button

 
3

Type Alt(Option on Mac)+Shift+D or click on the spaceship icon to open the DesignPLUS sidebar

 

Open Design Plug button

 
4

Click in the header you want to change

 

Header highlighted in orange

 
5

Click the target icon in the DesignPLUS sidebar

 

Target Icon

 
6

Click the Advanced menu (tools icon)

 

Tools Icon

 
7

Click Style Editor

 

Style Editor Button

 
8

Click the background color option under the Background panel

 

Background Color Option Button

 
9

Click the color you want from the color palette


Color Palette Selector

 
10

Click Save

card-shadow