Configurable list Custom CSS

  • Sierra_Marketing
    Asked on May 28, 2020 at 6:38 AM

    Hi guys,


    Could you please guide me on how to change the font family for the "hint" in the configurable list widget?


    Thank you!

    Jotform Thread 2352280 Screenshot
  • Jovanne JotForm Support
    Replied on May 28, 2020 at 6:54 AM

    Hi @Sierra_Marketing, thank you for reaching out to us.

    Can you please tell us which form you currently working on?

  • Ariel JotForm Support
    Replied on May 28, 2020 at 6:58 AM

    Hi,

    To change the font of Configurable List widget placeholders, you can use this snippet and inject it to the widget's custom css:

    #listContainer .form-textarea::-webkit-input-placeholder {
        font-family: 'myFont', Arial, Helvetica, sans-serif;
    }
    #listContainer .form-textarea:-ms-input-placeholder {
        font-family: 'myFont', Arial, Helvetica, sans-serif;
    }
    #listContainer .form-textarea:-moz-placeholder {
        font-family: 'myFont', Arial, Helvetica, sans-serif;
    }
    #listContainer .form-textarea::-moz-placeholder {
        font-family: 'myFont', Arial, Helvetica, sans-serif;
    }

    Just replace the value of the font-family property to a font that you're going to use.

     

    Hope that helps! Don't hesitate to reach out if you need further assistance.

     

  • Sierra_Marketing
    Replied on May 31, 2020 at 10:28 PM

    Awesome, it worked. Thank you!!