How do I add a logo, CSS, JavaScript, or HTML file to customize a catalog?

Document created by Canvas Doc Team Employee on Apr 13, 2017Last modified by Canvas Doc Team Employee on Jul 19, 2017
Version 3Show Document
  • View in full screen mode

Canvas Catalog lets you add cascading style sheet (CSS), JavaScript (JS), or Hyper Text Markup Language (HTML) files to apply to all pages in your catalogs. You can copy the source code directly into the fields, or you can paste the URL to the external file. Host your files on a secure site, otherwise they may break when trying to load. HTML/CSS can also be used to customize a program certificate or course certificate.

You can also upload a catalog header logo and catalog badge logo, as well as a browser favicon. For details and specifications, please view the Canvas Catalog Logo Guidelines PDF.

 

Note: Unless a subaccount specifies its own logo/favicon, logos/favicons uploaded in the parent account apply to all sub-accounts.

Open Admin

Open Admin

In the User Menu, click the Admin link.

Open Catalogs

Open Catalogs

Click the Catalogs link.

Open Catalog

  Open Catalog 

To open an existing catalog, click the name of the catalog.

Add Catalog

  Add Catalog 

To add a subcatalog, click the Add Catalog button.

Open Customizations

Open Customizations

Click the Customizations tab.

Add Logo/Favicon Image

Add Logo/Favicon Image

You can upload a header logo, badge logo, or favicon. To upload an image, locate the logo type and click the Upload an Image button.

Once you have located your photo, you can crop your photo if necessary.

Add CSS/JavaScript

Add CSS/JavaScript

To add CSS or JavaScript, paste the code directly into the appropriate field.

Note: You can also paste a URL to an external template file.

Add Email Layout HTML

Add Email Layout HTML

To add HTML for an email header and/or footer, paste the code directly into the appropriate field.

Note: You can also paste a URL to an external template file.

Save Catalog

Save Catalog

Click the Save button.

You are here
Table of Contents > Admins - Catalog > How do I add a logo, CSS, JavaScript, or HTML file to customize a catalog?

Attachments

    Outcomes