Interactive Video - Add background image to interactions


When adding interactions to an interactive video, like multiple choice question, fill in the blanks, etc., we get a plain white background to the interaction. I would like to add an image that will serve as a background for the interaction, or let me customize the white background with some pattern, or make it half transparent. It will also be helpful if we can set the font and size of the text for the interaction.

BTW: I'm a C# developer and don't know much about css, but I can try to make the white background half transparent, if you can give me some directions. When I have changed this css:

.h5p-question {
  background: rgba(255, 255, 255, 0.9);
  position: relative;
to rgba(255, 255, 255, 0.5), it had no effect. FireFox completely ignore the alpha channel.


Supporter votes Members of the Supporter Network can vote for feature requests. When the supporter network has generated sufficient funding for the top voted feature request it will normally be implemented and released. More about the H5P Supporter Network
falcon's picture

Hi Oren!

Good suggestion. We'll consider adding GUI for this. It won't be easy to change this with css since there are several elements there that has a background, but .h5p-dialog and .h5p-dialog inner will probably have an effect if you change those.


It will be great.