Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

Charles Smith
Charles Smith
7,575 Points
Posted by Charles Smith
Charles Smith
7,575 Points

question about theming mediaelement.js - trying to get <audio> element with width: 100% of it's container.

If I set an explicit width it works just fine. EG:

.mejs-mytheme .mejs-controls { width: 768; }

but if I set:

.mejs-mytheme .mejs controls { width: 100%; }

no dice. I've also tried setting '.mejs-mytheme .mejs-container' and '.mejs-mytheme .mejs-mediaelement audio' with 'width: 100%' but no luck.

Background info: this is going into a rails app using bootstrap. The goal is to put it in the sticky nav div, though I've tried putting it outside of everything (thinking that maybe some part of bootstrap was overriding) but that didn't work either.