CSS overrides not working

Hi Maeve.

Sorry to bring something else to the support forum, I can see that you’re getting a large amount of feedback at the moment!

I tried overriding the css as you suggested to make the player controls and progress bar appear as it does in the example – I got the controls to look the same but in doing so the progress bar was pushed down the page and I couldn’t get it to come back up – I think I needed to be able to make the bar thinner and couldn’t because your original css sheet already has !important for the width here:

.ttw-music-player .progress-wrapper {
width: 448px !important;
}

So I’ve had to leave it how it was originally, but it’s not how the example was… and I do feel like I’m trying to correct something that should have been set in your css, I would have thought it should display as per your example, out of the box.

I’d love your help with this and all the things I’ve posted here… I still think you have a great plugin 95% working here.

Cheers

Oliver

http://wordpress.org/extend/plugins/html5-jquery-audio-player/
[Please do not create duplicate threads, contunue with:
http://wordpress.org/support/topic/css-overrides-not-working?replies=1]