hook_h5p_styles_alter fails to fire for Memory Game and Find the Hotspot

Hi, a little bit late - but can you check if the CSS is loaded if you disable the css/js aggreagtion on "performance settings" dialog? I think, I run in the same problem ...

Hi,

The problem with the Memory Game H5P turned out to be the fact that for some odd reason, it's not implemented in an <iframe> like all the others and so the CCS injected by my custom module did apply to it EVER.

The solution for me was simple and that was to include the CCS overrides for that particular question type in my actual site instead.

Here's what mine looks like (obviously, you won't be able to reference the variables such as $theme_color_1 etc.

/********************
* Memory game START *
*********************/
dl.h5p-status {
  display: none;
}
.h5p-memory-game {
  overflow: unset !important;
  ul {
    padding-left: 0 !important;
    margin-left: 0 !important;
    li {
      .h5p-memory-card {
        margin-left: 0;
      }
    }
  }
  .h5p-memory-card {
    margin-top: 0;
    margin-bottom: 0;
    .h5p-front {
      border: none;
      border-radius: 6px;
      background-color: $theme_color_1 !important;
      span {
        &:before {
          font-family: "Roboto Condensed", sans-serif;
          color: $theme_color_paper_color;
        }
      }
      &:after {
        display: none;
      }
    }
    .h5p-back {
      border: 1px solid $theme_color_4;
      border-radius: 6px;
      background-color: $theme_color_paper_color !important;
    }
  }
  .h5p-memory-reset {
    display: none;
  }
  .h5p-feedback {
    &.h5p-show {
      display: none;
    }
  }
}

/******************
* Memory game END *
*******************/

Here it is in action for real...
https://bit-by-bit.org/tutorials/primitive-logic-gates#toc-logic-snap

Thanx, for me the problem is also solved.