Jump to content

increase size volume bar


Recommended Posts

Victor_root
Posted

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

Happy2Play
Posted
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
Posted

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

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

 

Victor_root
Posted
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
Posted (edited)
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

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...