Customizing your Course Graphics (Card, Banners & Buttons)

Quicklinks: Make a copy | Customize | Save and Add to a Course

Greetings, Instructors! So you want to customize your course graphics? It’s as easy as 1-2-3!

First, you will see written instructions, and we've included a video tutorial at the end.
Looking to add icons to your course? Check out our Chico State Icons available in red, gray, and balck.

Note: If you're not intimidated by HTML code, check out our article for adding HTML button links instead of image-based button links.

  1. Make a Copy

Below are links to Google Slides containing starter images for you to customize.
When you click on the link, you will be prompted to “Make a Copy.”

Course Card Banner Graphics Horizontal Buttons Square Buttons

Note: Your course card is the image shown on the Canvas dashboard for your course

  1. Customize

Once you’ve made a copy, a Google Slides file will open where you can customize your graphics. 

  1. Save and Add to Course

Save your customized graphic as a PNG image. File > Download > PNG Image (.png, current slide)

Add the image to your Canvas page. In Canvas Edit mode: Insert > Image > Upload Image. Re-size to your liking. In the image options, you can choose a precise size so all the buttons are the same.

Make sure you add Alt Text to your buttons under the Image Options in Canvas. Something as simple as "Link to syllabus" for the syllabus button works well.

Be sure to add the links to any buttons you add. See instructions below. 

Did you add horizontal or square buttons? You’ll need to link them.

  1. In the Rich Text Editor in Canvas, select the button you would like to link.
  2. Select the Insert tab.
  3. Select Link.
  4. If linking to an area of your course (e.g., the Canvas Syllabus tool), select Course Link. Then, select the area of your course to which you are linking. 

If linking to something outside of Canvas (e.g., a Google Doc, another website), select External Link and paste the link.

Insert > Link

If you would like even more Chico State images to add to or customize your course graphics, check out the Chico State Flickr.
Also see: Chico State Icons

If you need additional assistance, please visit us in the TLP Zoom Room. We are happy to help.

Details

Article ID: 113488
Created
Thu 3/2/23 1:26 PM
Modified
Mon 3/11/24 2:23 PM