How do I style the default text class?

  • samducker
    Asked on November 12, 2016 at 9:52 AM
    how do I style the default text class? (as I have used the form builder to set a text colour but the default value/empty text has a different colour code)
  • BJoanna
    Replied on November 12, 2016 at 10:00 AM

    Do you want to change color of Hint Example text inside of your form? If so please add this CSS code to your form:

    ::-webkit-input-placeholder {

    color: #7AC6BA !important;

    }

    :-moz-placeholder {

    color: #7AC6BA !important;

    }

    ::-moz-placeholder {

    color: #7AC6BA !important;

    }

    :-ms-input-placeholder {

    color: #7AC6BA !important;

    }

    How to Inject Custom CSS Codes

     

    After you add this CSS code your form will look like this. 

    How do I style the default text class? Image 1 Screenshot 20

    Here is my demo form: https://form.jotform.com/63164144394961 

    You can also check this guide:

    Form Designer Tutorial: Let's create fantastic forms!

    Hope this will help. Let us know if you need further assistance.