Change color of slider back ground

0

Hi,

 

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 {
background-color:#9fca3d;
}

but I can’t get it to work.

 

Any help or direction would be much appreciated!

Thanks!

Jim W (Moderator) answered
    0

    1] You can learn more about how to use CSS to change the appearance of elements within surveys in the SurveyGizmo documentation – https://help.surveygizmo.com/help/css-class-names.  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
      ×

      Login

      Question stats

      • Active
      • Views752 times
      • Answers1 answer
      • Followers1 follower