Jump to content

increase size volume bar


Victor_root

Recommended Posts

Victor_root

Hi !

I have recently been using music with emby and I have a little problem, the size of the soundbar is much too small (see photo), I would like to be able to enlarge it, I managed to do it temporarily by modifying the "px" on the html but I would like to do it definitely.

Anyone know where I might find the html or css files to edit to fix my problem?

Thank you

Capture.PNG

Link to comment
Share on other sites

Happy2Play
1 minute ago, Victor_root said:

Anyone know where I might find the html or css files to edit to fix my problem?

You are required to update these files with every server update.

Any customized css needs to be placed in the custom css box on Dashboard-Settings.

What did you change, width?

/*Now Playing Volume slider*/
.nowPlayingBarVolumeSliderContainer {
    width: 150px!important;
}

 

Link to comment
Share on other sites

Victor_root

YEEESSSSS PERFECT !!! THANK YOU YOU ARE A GOOD PERSON !!

 

And it's possible to be appear the volume bar directly on a video media same as music media ? because it's not practical to put the cursor on for that the volume bar appears

big thanks !

1841304804_sonfilmemby.thumb.PNG.9d30a23d43ecdba2c554a51e9e434bea.PNG

Link to comment
Share on other sites

Happy2Play
7 hours ago, Victor_root said:

YEEESSSSS PERFECT !!! THANK YOU YOU ARE A GOOD PERSON !!

 

And it's possible to be appear the volume bar directly on a video media same as music media ? because it's not practical to put the cursor on for that the volume bar appears

big thanks !

1841304804_sonfilmemby.thumb.PNG.9d30a23d43ecdba2c554a51e9e434bea.PNG

You mean something like this.

div.videoOsdVolumeSliderWrapper {
    left: 3.5em;
    top: -1.25em;
    padding: 1.5em 1.5em 0 0;
}
div.videoOsd-endsAtText {
    margin-left: 15em;
}

 

Link to comment
Share on other sites

Victor_root
15 hours ago, Happy2Play said:

You mean something like this.


div.videoOsdVolumeSliderWrapper {
    left: 3.5em;
    top: -1.25em;
    padding: 1.5em 1.5em 0 0;
}
div.videoOsd-endsAtText {
    margin-left: 15em;
}

 

Almost ! I would like the bar to be permanent :) 

Link to comment
Share on other sites

Happy2Play
14 hours ago, Victor_root said:

Almost ! I would like the bar to be permanent :) 

Looks like something like this

div.videoOsdVolumeSliderWrapper {
    left: 3.5em;
    top: -1.25em;
    padding: 1.5em 1.5em 0 0;
    display:flex;
}
div.videoOsd-endsAtText {
    margin-left: 15em;
}

remove the background

div.videoOsdVolumeSliderWrapper2 {background: transparent;}

videoosd (May need to tweak div.videoOsd-endsAtText to your liking)

volume.thumb.jpg.f874e4599b5110d071d9bd9eca0c0b74.jpg

music.thumb.jpg.5ea1c201926baddc9cae175b7600a4ed.jpg

Edited by Happy2Play
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...