The slider displays a little pop-up with the text of the user’s selection when they slide it, but the font is tiny and the color is black on blue. I can’t find the setting to change the font size and/or color. I also wish the user selection would always display and not go away when it’s unselected.
At the moment, the?functionality works like this.? It takes the Survey color and the Text color. You can change the colors of these options from the Stylestab and achieve your desired result.?
By the way, our Development Team has created?a new CSS code to achieve your desired result connected to the font size.? Please take this Custom?CSS?code and insert it into the?Surveys > particular survey > Styles tab > Custom?CSS?option.
Then, replace?YOUR_SURVEY_ID?with the corresponding Survey ID (e.g. 5, like this?div[id*=”ays-survey-container-5″). Do not delete the space after it. Do not forget to clear the cache afterward.
Thank you, but this only solves the font size issue. What about the color? I can’t change the color using the color fields, because it impacts the entire survey. I need this font in the slider to be white. But setting that for the survey makes all text white on a white background, which looks blank. There must be a way to set the slider font only to white.
In this case, there is a necessity to add some points to the previous CSS code.
Again, you need to?replace YOUR_SURVEY_ID with the corresponding Survey ID (e.g. 5, like this div[id*=”ays-survey-container-5″). Also, you can change the colors and set your preferred ones.
So, the final look of the CSS code must be like this.?
div[id*="ays-survey-container-YOUR_SURVEY_ID"] .ays-survey-answer-range-type-main .ays-survey-answer-range-type-info-text { font-size: 16px !important; color: white !important; background-color: green !important; }
div[id*="ays-survey-container-YOUR_SURVEY_ID"] .ays-survey-answer-range-type-main .ays-survey-answer-range-type-info-text:after { border-top-color: green !important; ? ? background-color: green !important; }
Please check it and let us know whether everything works fine or not for you now.
Thank you.
Viewing 3 replies - 1 through 3 (of 3 total)
The topic ‘Slider Font/Color’ is closed to new replies.