I am a rookie and I am trying to make my players to look like this , but I have been trying for a couple of days and all I can do is hide it with

    display: none !important;

but when I do this, the space where the volume bar was is not removed and the minute progress bar dissapears.

In other words, I would like to give the minute progress bar , the space occupied by the volume bar.


After a few hours... Here is the solution to my own question

.mejs-horizontal-volume-slider { display: none !important; }
.mejs-controls div.mejs-time-rail { width: 70px !important; }
.mejs-time-total { width: 60px !important; }

Now my audio player is exactly like the example provided. I hope this helps somebody else.

| improve this answer | |

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.