[ARCHIVED] How do you add the CSS, JavaScript, and HTML for the Course Description Customizations?

[jaclark7]

I am looking to implement the GitHub code for the Course Description Customization (found here https://github.com/unsupported/catalog/tree/master/branding/course_description).  I've added the HTML, but the CSS and JS just show up as text (attached).  Does anyone know how I can incorporate these?  I've also attached what the listing page should look like with the code in place.  

Thanks in advance!

Jordan

[jsowalsk]

I know clcavana‌ and  @jazemlya ‌ has been customizing their law courses in some fashion through expand.iu.edu but not exactly like this but close to it. Maybe reach out to them?

[jaclark7]

Awesome, thank you!  I will reach out to them.

Jordan

[danielcktan]

Hi  @jaclark7 ‌

You can add the CSS and JS into your catalogue's custom CSS and JS.

1. Login to your catalogue instance.
2. Go to Catalogues section.
3. Click on the root catalogue
4. Select the Customisation tab
5. Paste the CSS and JS in.
6. Save and preview your site.

[jaclark7]

Thank you all for your help!  I've realized that all CSS and JS has to be done on the catalog level while the HTML is on the listing level.