H5P custom css

[MeesterGijs]

Could you explain why earlier css did change colors of H5P buttons, but now that I downloaded/installed a new quiz type the new added css doesn't do anything. Compare all quizes in course 'Present Simple' vs quizes 2, 3 stars and exam of course 'betrekkelijke voornaamwoorden'. Thank you

[Mark Morgan]

Please share a screenshot where you are applying the css code and what css you have added to understand your issue.

[MeesterGijs]

I add the code in customizer/custom CSS. Like I always do. And it always works.. See this screenshot for what css I add.

[Diana]

@meestergijs Can you please share the credentials in a private reply to fix this up on your site

[MeesterGijs]

This reply has been marked as private.

[MeesterGijs]

Did you have the time to give a solution or explain the problem?

[Mark Morgan]

Hello, I added a script code in your wp-admin -> WPLMS->Footer->google analytic code to make changes as per your requirement.

[MeesterGijs]

That's great! Just two things. This border is still blue, needs to be #88deb4 when you click on it. And these two. One is when you hover and other is when placed in sentence. The colours I want are added in image.

[Diana]

@meestergijs Paste this custom css in wp-admin > Appearance > Customize > Custom CSS For Image 1 .h5p-blanks .h5p-text-input:focus { outline: none; box-shadow: 0 0 0.5em 0 #88deb4; border-color: #88deb4; } For Image 2 I am not sending you this custom css with the exact color code because you have shared only one color code but there is three different colors applied for the box so please change the color code according to your need in the below given css .h5p-drag-text [aria-grabbed]:not(.ui-state-disabled):hover{ border: .1em solid #313b3d; color: #ffd603; background: #232b2d; } .h5p-drag-text [aria-grabbed].h5p-drag-dropped { width: 100%; margin: -.1em 0 0; padding: .1em .825em; white-space: nowrap; color: #232b2d; border: .1em solid #70c989; background: #70c989; }

[Author]

Posts