What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    how to change the color of the type in a text box (confirm email)?

    Asked by ksmiley on October 28, 2013 at 11:15 AM
    Page URL:
    http://form.jotform.co/form/32796127933867

    email confirm email confirm CSS code change font color
  • Profile Image
    JotForm Support

    Answered by ardy0689 on October 28, 2013 at 11:25 AM

    Hello, you may try to inject this Custom CSS Code:

    .validate[required, Email, Email_Confirm]{

    color:#FFFFFF !important;

    }

    You may change the color hex code as you please.

    Please read this guide on How to inject custom CSS

    If you need further assistance, please do not hesitate to ask. Thanks

  • Profile Image

    Answered by ksmiley on October 28, 2013 at 12:43 PM

    yikes - first i tried to follow the direction and didn't see any change. so i went in to try again - then I lost the Css code that was in the box before.   How do i get back the code that was in there before (i think it was the standard stuff) I have never been in this area before.  

    So i need the orginal code back and some way to make not only the email but all the boxes with the light gray words darker. 

    thank you!

  • Profile Image
    JotForm Support

    Answered by ardy0689 on October 28, 2013 at 12:59 PM

    Hello, if this is the first time you have injected your custom CSS code then it is ok there are no CSS codes that are being used when it is in default mode.

    I apologize for the earlier suggestion. Please try this instead:

    ::-webkit-input-placeholder { /* WebKit browsers, Chrome, Opera, Safari */
    color: #FF0 !important;
    }
    :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #FF0 !important;
    }
    ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #FF0 !important;
    }
    :-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #FF0 !important;
    }

     

    If you noticed I have included different CSS codes targeting old browser and modern browsers alike for compatibility reasons. You may choose to use all of them and configure the color codes for all.

     

    If you just need to change the color of the user's text input you may want to use this:

    .form-textbox{

    color: #FF0 !important;

    }

    Thanks

  • Profile Image

    Answered by ksmiley on October 28, 2013 at 02:03 PM

    This worked great - Thank you!

  • Profile Image
    JotForm Support

    Answered by ardy0689 on October 28, 2013 at 02:07 PM

    You are welcome. If you have future inquiries or concerns please use this link to post new topic. Thank you!

  • Profile Image

    Answered by EliezerN on October 28, 2013 at 02:15 PM

    @ksmiley

    Your last reply came out empty, please resend it using the next link if your questions was related to this issue: http://www.jotform.com/answers/284394-how-to-change-the-color-of-the-type-in-a-text-box-confirm-email-#5

    Thanks

  • Profile Image

    Answered by ksmiley on October 28, 2013 at 02:19 PM

    sorry when i click on link it sent me to the forum page.  I am still trying to figure out how to save each application (form) that is completed to look "JUST" like the form they finish with the radio buttons clicked - not an all word doc. I have tried twice and the instruction were not clear and when i wrote back - to ask more questions - i didnt get a response (or didnt see it and i really have been waiting for the answers).  I am sure i didnt do something correct becasue it doesn't work.  I want each application after it is submitted to be emailed to me (the admin for the project) and it should look just like the finished application.  Because i have to email that PDF to a committee for approval.  It must be exactly like the finished application.  Can you help or point me in the right direction? 

     

    Thank YOU!

  • Profile Image

    Answered by EliezerN on October 28, 2013 at 02:26 PM

    @ksmiley

    Thanks for resending your reply. We will be more than glad to help you to accomplish what you need, however, since this is a different request from the original one of this thread we would appreaciate if you open a new thread to post your concern there and we will do our best to help you.

    Thanks for your comprehension