Possible to replace the buttons?

Submitted by vev1 on Tue, 03/17/2015 - 15:10
vev1's picture
Forums: 
General discussion

Is it possible to replace them? I know you had mentioned eslewhere about css styling for fonts, but I was wondering if any of the graphics like buttons, smileyfaces, etc can be replaced with others?

Thanks

falcon's picture

falcon

Wed, 03/18/2015 - 12:17

Yeah, the buttons are all css so they may be changed with css. Currently they don't all follow the same HTML structure so replacing them all is a bit of a hazzle but we'll make it easier in the future.

NDLA for instance overrides the styles of all H5P buttons and removes all the smileys.

vev1's picture

vev1

Tue, 03/24/2015 - 09:59

Thanks for replying. I have followed this post's instructions for inserting the css: http://h5p.org/comment/775#comment-775

However, I'm confused about how iframe works. I see the code on GitHub but how to install it and use it on Wordpress? The documentation doesn't seem to say (sorry not a programmer).

Thanks!

vev1's picture

vev1

Tue, 03/24/2015 - 10:17

Hello

I realise to embed I click the Embed button and select the iframe code and paste it inside a post. However the CSS changes I made to "my.css" don't seem to have any effect. The css file is in the same directory as index.php and I placed this code in index.php <script>if (window.H5P !== undefined) { H5P.settings.core.styles.push('<?php bloginfo('template_directory'); ?>/my.css') }</script> in between </div> and <?php get_footer(); ?>   Is this correct?

Sorry forgive my ignorance.

Thanks.

vev1's picture

vev1

Thu, 03/26/2015 - 09:02

Hi,

Could you please tell me exactly which css file I need to modify to change the appearance of the dialog cards?

Thank you.

falcon's picture

falcon

Thu, 03/26/2015 - 11:15

Yeah, the APIs for doing this is good in Drupal, but it's very hard to do this in Wordpress. Are you in a hurry or could you wait a few weeks for a version with API functions or GUI for adding css to content types?
vev1's picture

vev1

Thu, 03/26/2015 - 13:38

Yes I can wait. I was going to open the dialogcards.css and tinker with it... would that work?

Thanks!

icc's picture

icc

Fri, 03/27/2015 - 09:38

That should work, but your changes will be overwritten when you get an update. 

falcon's picture

falcon

Fri, 03/27/2015 - 09:33

It would, but your changes would be overwritten next time you update your libraries.
vev1's picture

vev1

Fri, 03/27/2015 - 09:44

Thank you both, I look forward to the GUI in a few weeks time.

 

Veronica

vev1's picture

vev1

Mon, 07/27/2015 - 10:50

Hello,

Any update on this? :)

Thanks,

Veronica

falcon's picture

falcon

Tue, 07/28/2015 - 16:07

Hi!

We're in vacation mode here. I believe the new APIs are in place but I'm actually not quite sure. The way documented here is still supported and the new way will be documented at the same page.

There will be no GUI for adding CSS yet. We had an organization who considered sponsoring it, but I think they did it via the API instead.

icc's picture

icc

Mon, 08/10/2015 - 11:16

I've updated the documentation page falcon is linking to. You should also check out the h5pmods plugin for example usage of the new APIs.