CSS Edit

timothyvail's picture

I have been using the H5P Mod editor for Wordpress to change button colors etc.  

On this page I want the audio play buttons to be a certain color (115, 171, 184) and when I put in the relevant css class, it doesn't change anything.  Is it being overridden?

Here is the page and the buttons are on the second slide onwards.

http://www.halsuga.com/project/toefl-listening/

Here is what I had in my h5p.css

.h5p-audio-minimal-button .h5p-audio-minimal-play {

    background: rgb(115, 171, 184);

}

thomasmars's picture

Hi your problem is the space between the class selectors. When the selectors are on the same element there should not be a space between them. Changing the rule to the following fixes it for me:

.h5p-audio-minimal-button.h5p-audio-minimal-play {
  background: rgb(115, 171, 184);
}