How to change placeholder text size for the whole form?

  • avijfr
    Asked on August 8, 2017 at 9:02 AM

    Hi Support Team,

    I'm trying to figure out how to change the placeholder size text.

    I wanted to increase the size, but all the solutions I've searched for do not work.

    Thanks in advance

     

    Page URL: https://form.jotform.ca/72185221828255
  • Jan
    Replied on August 8, 2017 at 11:04 AM

    Please use this custom CSS code to adjust the font size of the placeholder text:

    ::-webkit-input-placeholder {
    font-size: 20px !important;
    }

    :-moz-placeholder {  
    font-size: 20px !important;
    }

    /*--for IE10 support--*/
    :-ms-input-placeholder {
    font-size: 20px !important;
    }

    Here's a guide on How-to-Inject-Custom-CSS-Codes. Here's the result:

    How to change placeholder text size for the whole form? Image 1 Screenshot 20

    Hope that helps. Thank you.

  • avijfr
    Replied on August 8, 2017 at 11:07 AM

    Thank you so much!

    I also just notices that there is a blue border around my 'Get Started' button, I cant seem to get rid of it in the advanced CSS editor. I want it to be this: #faa61a, any solution for that?

     

    Thanks

  • Jan
    Replied on August 8, 2017 at 12:22 PM

    Glad to hear that.

    I need to create a separate thread for your next issue. Please wait for my reply on this thread: https://www.jotform.com/answers/1218714

    Thank you.