How to customize the hint text of textboxes?

  • pinkmaid
    Asked on September 6, 2017 at 6:02 AM

    I studied tutorials about customizing the placeholder properties. I searched below code in the CSS Panel. 

    ::-webkit-input-placeholder {

    font-size: 20px !important;
    }

     

    But there is no such a code in the css panel. What to do ?

  • TREVON
    Replied on September 6, 2017 at 8:45 AM

    If you cant get the code(mean probably it was added and removed or was never added) you may need to add it. To inject the css to you form kindly follow the link below:

    https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Hope the information helps. Kindly feel free to let us know in case you need further assistance.

     

     

  • pinkmaid
    Replied on September 6, 2017 at 12:36 PM

    I need the exact code. Above codes didn't work.

  • Ashwin JotForm Support
    Replied on September 6, 2017 at 2:02 PM

    It seems you want to customize the font size of hint text of your textboxes. Is that correct?

    Please inject the following custom css code in your form to change the font size of textbox hint text:

    .form-textbox::-webkit-input-placeholder {

        font-size: 20px !important;

    }

    .form-textbox::-moz-placeholder {

        font-size: 20px !important;

    }

    The following guide should help you how to inject custom css code in form:  https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

  • pinkmaid
    Replied on September 7, 2017 at 12:24 AM

    Yeah it is working. Thank You :-)