increase size volume bar

[Victor_root 1]

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

[Happy2Play 9442]

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;
}

 

[Victor_root 1]

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 !

[Happy2Play 9442]

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 !

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;
}

 

[Victor_root 1]

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  

[Happy2Play 9442]

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)

Edited October 22, 2020 by Happy2Play