Interactive Video - Add background image to interactions

Submitted by Oren on Wed, 11/04/2015 - 15:27
Forums: 
Feature requests

Hello,

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.

Thanks
Oren

0
0
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

falcon

Wed, 11/04/2015 - 19:46

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.

Best,
Svein-Tore

Oren

Thu, 11/05/2015 - 15:26

It will be great.