• Resolved bcourcet

    (@bcourcet)


    Hi, how to change progress bar color in player ? Default color is blue and i don’t know how to change it.
    Regards.

Viewing 1 replies (of 1 total)
  • Plugin Author Kyle Gilman

    (@kylegilman)

    You can set custom CSS for the class .kgvid-play-progress The default styling is a gradient between two different blues. If for example, you wanted it to be green instead you could try something like this.

    .kgvid-play-progress {
    	background-color: rgb(0,184,0);
    	background-image: -webkit-gradient(
    	  linear,
    	  left bottom,
    	  left top,
    	  color-stop(0, rgb(0,184,0)),
    	  color-stop(1, rgb(0,255,0))
    	 );
    	background-image: -webkit-linear-gradient(
    	  center bottom,
    	  rgb(0,184,0) 37%,
    	  rgb(0,255,0) 69%
    	 );
    	background-image: -moz-linear-gradient(
    	  center bottom,
    	  rgb(0,184,0) 37%,
    	  rgb(0,255,0) 69%
    	 );
    	background-image: -ms-linear-gradient(
    	  center bottom,
    	  rgb(0,184,0) 37%,
    	  rgb(0,255,0) 69%
    	 );
    	background-image: -o-linear-gradient(
    	  center bottom,
    	  rgb(0,184,0) 37%,
    	  rgb(0,255,0) 69%
    	 );
    }

    Or if you don’t care about the fancy gradient, just this

    .kgvid-play-progress {
    	 background-color: rgb(0,184,0);
    }
Viewing 1 replies (of 1 total)
  • The topic ‘Change progress bar color’ is closed to new replies.