Slider Font/Color

  • Resolved Scott_McCoy

    (@scott_mccoy)


    2 years ago

    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.

    https://mccoycloud.com/index.php/s/oxpFxsGNNj9Zyk7

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support Jasmine

    (@hyenokian)

    Dear @scott_mccoy,

    Thank you for the topic.

    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 Styles tab and achieve your desired result.?

    See the screenshot below:

    View post on imgur.com

    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.

    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;
    }

    As to the last point, at the moment, the plugin is designed?in this way.?
    Thank you for your suggestion. All suggestions are welcomed by our Team.?

    I will let you know in case there is an update in this regard in the future. 

    Thank you.

    Thread Starter Scott_McCoy

    (@scott_mccoy)

    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.

    Plugin Support Jasmine

    (@hyenokian)

    Dear @scott_mccoy,

    Thank you for your reply.

    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.