Change color of slider back ground




I am trying to change the background of the slider so that when I move the slider button the background color doesn’t change.

I tried using the following code :

.mysliderstyle .sg-slider-style {

but I can’t get it to work.


Any help or direction would be much appreciated!


Jim W (Moderator) answered

    1] You can learn more about how to use CSS to change the appearance of elements within surveys in the SurveyGizmo documentation –  Make sure you look at the “How To Find the CSS Selector” section.

    2] From a respondent’s point-of-view, the changing color of the slider bar provides feedback that they have actually done something.  Moving objects on a screen is a sterile experience, so any visual clues that you can use to indicate that something happened will reassure your users.

    3] This is the CSS code you want:

    .sg-slider-container .ui-slider-horizontal, .sg-slider .sg-single-slider, .sg-slider-mobile .sg-mobile-slider-bar {
    background: #9fca3d;

    Please note that you do not have to use a specific name (mysliderstlye) with this code unless you are  planning to change the slider bar background for just a few specific slider questions.

    Jim W (Moderator) edited answer


      Question stats

      • Active
      • Views777 times
      • Answers1 answer
      • Followers1 follower