H5P in Canvas CSS changes

Submitted by rebusmedia on Wed, 09/11/2019 - 03:43
Forums: 
General discussion

Can anybody tell me if it is possible to make any CSS changes to content that has been created from within the Canvas environment? I saw there are instructions for Drupal, Moodle and Wordpress. Am I right in thinking it is not possible for Canvas?

BV52's picture

BV52

Wed, 09/11/2019 - 19:42

Hi rebusmedia,

Are you using H5P.com to create your contents?

-BV52

rebusmedia

Thu, 09/12/2019 - 00:48

Hi BV52,

Yes, I am on a trial H5P.com account, and am using the LTI integration in Canvas .

Cheers,
Sam

rebusmedia

Thu, 09/12/2019 - 07:45

Actually, I'm interested in anyway that the styles could be changes if integrating within Canvas LMS.

BV52's picture

BV52

Thu, 09/12/2019 - 19:23

Hi rebusmedia,

Yes this is possible but CSS changes are disabled by default. I will reach out to the development team if they can enable this for Trial users. I will get back to you once I have an answer.

-BV52

rebusmedia

Fri, 09/13/2019 - 02:28

Thanks BV52. I also have access to a paid account (the client I am working with). Where can I find the tools to change styles/css. I can't find anything in their account either?

BV52's picture

BV52

Mon, 09/16/2019 - 18:05

Hi rebusmedia,

All trial users are followed up by someone from the H5P Core Team. You typically get a welcome email within 24 hours after signing up and can reply to that email or send an email to [email protected] to ask for the CSS feature.

Please note that using it is a bit risky and therefore disabled by default.

Used incorrectly, the CSS feature may damage the look, functionality and accessibility of the content. Even if the content seems to be working after adding the CSS a future update of H5P that isn't compatible with the CSS changes may damage the look or behavior of the content. Access to the CSS feature also introduce security problems. It opens up some attack vectors for someone with access to administration accounts.  

You'll find more information about the CSS feature in our documentation here: https://documentation.h5p.com/content/1290501941071440038

-BV52