cancel
Showing results for 
Show  only  | Search instead for 
Did you mean: 

Theme Editor (Admins)

Find your school's Canvas URL

To find your school or institution's Canvas URL, begin typing the name of your school/institution. Results will appear after you type at least 3 characters. For best results be as specific as possible. If you can't find your school, try using any part of your school's name or searching for your school district or state. You may also need to search for the school using the acronym or full name, for example "USU" and "Utah State University".

Theme Editor (Admins)

In this video, you will learn about Canvas themes and the Theme Editor.

Last updated 2019-04-04

View this video in Vimeo

View the script for this video

To view subtitles for this video, click the CC button in the toolbar.

Video overviews reflect current feature functionality in Canvas; they are updated based on workflow changes, not on minor or non-functional interface enhancements. Depending on your institution's Canvas theme, the Canvas interface may display differently than shown in this video, but the functionality is the same.


 

Theme Editor (Admins) Video Script


In this video, you will learn about Canvas themes and the Theme Editor.

To open the Themes page, click the Admin link in Global Navigation and click the name of an account. In Account Navigation, click the Themes link. At the top of the page, you will see available default templates. Default templates are used as a starting point for you to create your own themes. The current theme is noted with a border and text.

Custom themes added to your account display in the My Themes section. To open and view the details of any theme, hover over the theme and click the Open in Theme Editor button. To delete a saved theme, click the Delete icon. Note that default themes cannot be deleted.

To create a new theme, open and modify a default template, or click the Add Theme button and select a template from the menu. In the Theme Editor you will see the sidebar, the preview window, and the Save and Apply theme buttons. In the Edit tab in the Sidebar, there are four component groups: Global Branding, Global Navigation, Watermarks & Other Images, and Login Screen. Each group contains customizable branding components. To locate and edit theme components, click a group header in the sidebar. To make changes to a color component, enter a valid CSS color code into the text box. In browsers that support native color inputs, you can use the color selector to choose a color. Click the box of the color you want to change. The color selector displays in a new window. Select the desired color to update the component. To upload an image, click the Select Image link within the appropriate component and select an image on your computer. If custom overrides are enabled and required, click the Upload tab and select your custom CSS or JavaScript files for upload. These files apply to all pages for the account. You can use custom override files along with the Theme Editor options. Click the Preview your changes button to see your changes. To save your theme, click the Save theme button. Enter a name for your theme and click the Save theme button. To apply the new theme to your account, click the Apply theme button. To exit the theme and return to the Themes page, click the Exit button. 

You've now completed this tutorial video on the Theme Editor. For additional information on this or any other topic about Canvas, please visit guides.canvaslms.com. You can also ask questions and engage with other Canvas users by visiting community.canvaslms.com.

Was this article helpful? Yes No
Labels
Have a question about Canvas? Ask in the Q&A forum:
Embed this guide in your Canvas course:

Note: You can only embed guides in Canvas courses. Embedding on other sites is not supported.