CSS Changes on h5p.com created element


I have a question and since the support doesn't answer by email I'll try my luck here. I created an h5p course presentation on h5p.com and filled it with some interactive video content. Since the design of the different tasks like multiple choice or true/false is always different I wanted to change the CSS Code to make it more consistent. I did this before creating the element on h5p.com locally on my moodle and tested it by createing a h5p element in moodle.

I was good with it but when creating a LTI activity in moodle to connect with h5p.com I saw no CSS change. So I guess the h5p.com element took the CSS Code from h5p.com. Is there a possibility to integrate my CSS changes to the h5p.com element?


falcon's picture

Hi there,

We can't find your email to H5P.com support. I'm sending you an email know to see if we can track it down. There are currently no unanswered emails to H5P.com, and all emails are usually answered in less than an hour.

If anyone else wonders about the same question you're having, the answer is yes, you can modify the css on H5P.com as well.

I am attempting to modify the CSS of one element based on whether or not another element is clicked. I've looked everywhere, but none of the solutions seem to work completely. The code that is below is what I am attempting to use cookie clicker at the moment, but it is not successful. Could someone maybe explain what it was that I overlooked? 

<div id="foo">hello world!</div> <img src="zoom.png" onclick="myFunction()" /> function myFunction() { document.getElementById('foo').style.cssText = 'background-color: red; color: white; font-size: 44px'; }
BV52's picture


If you are creating contents in H5P.com please reach out to the customer succcess team by sending an email to [email protected]. On the other hand if you are using the H5P plugin please post your question in the "live" H5P forums. I'm afraid that you have posted your question in the "staging" site which is only used for testing purposes.