Jump to content

need help with CSS for slider color


Recommended Posts

Itzdibbyyx
Posted (edited)

I've tried putting

 

/*Firefox Focus*/
.mdl-slider:focus::-moz-range-thumb {
    box-shadow: 0 0 0 10px rgba(140,0,0,.26) !important;
}
/*Chrome Focus*/
.mdl-slider:focus::-webkit-slider-thumb{-webkit-box-shadow:0 0 0 10px rgba(153,204,255,.26); box-shadow:0 0 0 10px rgba(140,0,0,.26) !important;
}
/*FireFox*/
.mdl-slider::-moz-range-thumb {
    background: rgb(255,0,0) !important;
}
.mdl-slider::-moz-range-progress {
    background: rgb(255,0,0) !important;
}

.emby-slider {
    color: red !important;
}

 

 

in to the custom css text field but the code isnt working and the scrub slider when playing any content still appears green, i would also like to change the volume slider to red aswell but no luck, any help appreciated.

Edited by Itzdibbyyx
Happy2Play
Posted (edited)

Here is the code I use for Blue.

/* Google Now Playing Bar & Now Playing Page */
.emby-slider-background-lower, .emby-slider::-webkit-slider-thumb {
  background: #0C57D6 !important; }

.emby-slider:focus::-webkit-slider-thumb {
  -webkit-box-shadow: 0 0 0 10px rgba(66,133,244,.2);
  box-shadow: 0 0 0 10px rgba(66,133,244,.2) !important; }

/* Firefox Now Playing Bar & Now Playing Page */
.emby-slider::-moz-range-thumb, .emby-slider::-moz-range-progress {
  background: #0C57D6 !important; }

.emby-slider:focus::-moz-range-thumb {
  box-shadow: 0 0 0 10px rgba(66,133,244,.2) !important; }

/* Progress Bars */
.itemProgressBarForeground {
  background-color: #0C57D6 !important; }

.taskProgressInner {
  background: #0C57D6 !important; }

/* Google Progress Bars */
progress::-webkit-progress-value {
  background: #0C57D6 !important; }

/* Firefox Progress Bars */
progress::-moz-progress-bar {
  background: #0C57D6 !important; }

/* Edge Progress Bars */
progress {
  background: #0C57D6 !important; }
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...