james881 on "audio bar colour"

Hi
I'm trying to change the colour of the audio bar in wordpress. We are using this code in the css.

.mejs-container, .mejs-embed, .mejs-embed body {
background: none repeat scroll 0% 0% #702437!important;
border-radius: 6px!important;
box-shadow: 0px 4px 2px -2px #666;
}
.mejs-container .mejs-controls {
background: none!important;
}

On the site we want it to does'nt work we have tested it on another site work fine. Does any one know what the issue could be.

if that is your code how is work on another website ... you don`t have space before !important ;
put a link if your site is up so we can look.

.mejs-container, .mejs-embed, .mejs-embed body {
background: none repeat scroll 0% 0% #702437 !important;
border-radius: 6px!important;
box-shadow: 0px 4px 2px -2px #666;
}
.mejs-container .mejs-controls {
background: none!important;
}
Just tested the code again still works on the other site but the site we want it to work on it doesn't work.

this declaration is null

.mejs-container .mejs-controls {
background: none!important;
}

use space mate ... read more about css

If !important is used on css declarations, the whitespace before it is stripped, rendering the whole important and the declaration obsolete.

Even with your change doesn't work!! Just tried this instead

.mejs-container .mejs-controls {
background-color: #F4710A !important;
}
This works on a site we have but still does'nt work one we want it to work on!

@james, what is the URL of the site you're battling with?

Hi @robhob the url is http://www. thesongpartnership. com/catalogue/a-wing-and-a-prayer/ here is a audio player. you can see the custom css we are using it's just not reading it. need to change the colour of player.