How to customize the hint text of textboxes?

  • Profile Image
    pinkmaid
    Asked on September 06, 2017 at 06: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 ?

  • Profile Image
    TREVON
    Answered on September 06, 2017 at 08: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.

     

     

  • Profile Image
    pinkmaid
    Answered on September 06, 2017 at 12:36 PM

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

  • Profile Image
    ashwin_d
    Answered on September 06, 2017 at 02: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 

  • Profile Image
    pinkmaid
    Answered on September 07, 2017 at 12:24 AM

    Yeah it is working. Thank You :-)