How to change font styles of the Fancy Slider widget

  • phillipsmgmt
    Asked on November 18, 2019 at 6:30 PM

    I did have one final question. The font that is on the slider portion of this field is very small. I tried editing through CSS in advanced designed but it's not recognizing the field. Not sure if this is because it's a widget or something else is going on. Any ideas on how to increase font size?

    I'd also like to make the bottom font white instead of grey.

    1574119558Screen Shot 2019 11 18 at 6 Screenshot 10

  • VincentJay
    Replied on November 18, 2019 at 6:58 PM

    Hi,

    Please add this custom CSS code to your widget tab:

    .irs-min, .irs-max {

    font-size: 16px !important;

    }

    .irs-from, .irs-to, .irs-single {

    font-size: 16px !important;

    }

    .irs-grid-text {

    color: #fff;

    font-size: 16px !important;

    }

    To add the code to your widget tab, please follow this guide:

    https://www.jotform.com/help/252-How-to-Add-a-Widget-to-Your-Form

    Result on my test form:

    1574121528bfhgs Screenshot 10

  • phillipsmgmt
    Replied on November 19, 2019 at 4:32 PM

    This took care of the size but I see no change in font color. I am good to leave it gray but just for your reference. Thanks again!

  • jonathan
    Replied on November 19, 2019 at 9:46 PM

    Please try adding the word !important at the end of the color: rule. It should take priority then over the other rules.

    Example:

    1574217937zzz 2019 11 20 10 Screenshot 10


    so it should take effect like this 

    1574217983zzz 2019 11 20 10 Screenshot 21


    Please let us know if you need further assistance.