possible to resize the audio player in Tuned Balloon theme?

b4ssf4ce · Member · Oct 11, 2014 at 2:32 am
Copy link

Add topic to favorites
On the media page from my site (http://hrbassman.com/media/), the audio player that appears runs from margin to margin on the page, and prevents me from organizing my page as I think it should be. Is there a CSS command I could use to reduce the size of the “built in” audio player? If so, could you tell me what it is, and precisely how it should look when I type it (I’m really new to CSS). Or is there another audio player that I can use that is a little more customize-friendly? Thanks for any help or direction you might offer.

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Oct 12, 2014 at 5:06 am
Copy link
Howdy, give the following a try. If you want something different than the width I used as an example, you can play with the widths. I narrowed my browser window and the following change doesn’t seem to adversely affect the view from a smartphone, so all should be good to go on those, but it would be worth checking on a tablet (if you have one) and phone just to make sure.
```
.mejs-container, .mejs-container {
    width: 400px !important;
}
.mejs-time-rail {
    width: 200px !important;
}
.mejs-time-total {
    width: 190px !important;
}
```
b4ssf4ce · Member · Oct 13, 2014 at 1:55 am
Copy link
Thank you. I’ll give it a try tonight. Appreciate your timely response.
thesacredpath · Member · Oct 13, 2014 at 3:13 am
Copy link
You are welcome and let us know if you have any problems.

No items found.