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 do I change the color of a hint label in a text field

    Asked by Kers101 on June 18, 2015 at 12:06 PM

    http://www.jotform.com/?formID=51684329148260#design

     

    Can we make the word "comment" the same black as  the other words in the left column

    Page URL:
    http://www.momentostudios.ca/momentonew/light-html/2012jan-b.html

    hint hint color placeholder color
  • Profile Image

    Answered by Syed on June 18, 2015 at 12:30 PM

    Hi there;

              Could you please attach a screenshot here, where we can make some test. Upon checking, I couldn't found any left column. Review the following screenshot.

    Do let us know further, so that we can proceed accordingly.

     

    Thankyou,

  • Profile Image

    Answered by Kers101 on June 18, 2015 at 12:57 PM

    The left column is Name Email and Website

    Can you see the difference in the font colour at my site

  • Profile Image

    Answered by Syed on June 18, 2015 at 01:41 PM

    Hi there;

               Please try to inject the following CSS Code Block to change the placeholder text color. Read this guide on How you can Inject Custom CSS. Review the following screenshot for confirmation. I used HEX Code to display Dark Grey.

    .form-textbox, .form-textarea {color: #666 !important; }

    ::-webkit-input-placeholder {color:#666;}

    :-moz-placeholder {color: #666;opacity:1;}

    ::-moz-placeholder {color: #666;opacity:1;}

    :-ms-input-placeholder { color:#666;}

    Hope this helps. Please let us know, if you need further assistance, we would be happy to help you in any regards.

     

    Thankyou,

  • Profile Image

    Answered by Kers101 on June 18, 2015 at 01:54 PM

    Maybe this is was you want for the screenshot

  • Profile Image

    Answered by Syed on June 18, 2015 at 01:57 PM

    Hi there;

               Please try to inject the following CSS Code Block to change the placeholder text color. Read this guide on How you can Inject Custom CSS. Review the following screenshot for confirmation. I used HEX Code to display Dark Grey.

    .form-textbox, .form-textarea {color: #666 !important; }

    ::-webkit-input-placeholder {color:#666;}

    :-moz-placeholder {color: #666;opacity:1;}

    ::-moz-placeholder {color: #666;opacity:1;}

    :-ms-input-placeholder { color:#666;}

    Hope this helps. Please let us know, if you need further assistance, we would be happy to help you in any regards.

     

    Thankyou,

  • Profile Image

    Answered by Kers101 on June 18, 2015 at 02:39 PM

    Thanks everyone for your great coaching. I got through this and I almost can't believe it.  This is quite a steep learning curve.. I made a few last small changes and the css is responsive now. I'll be cloning another similar form which will be  bigger with almost the same information.

     

    http://www.momentostudios.ca/momentonew/light-html/2012jan-b.html

     

    Jim

  • Profile Image
    JotForm Support

    Answered by EltonCris on June 18, 2015 at 03:47 PM

    You're most welcome @Jim. Glad to know you got it working.

    Should you need help with anything else, feel free to contact us again.

    Best Regards!

    P.S. Nice site! :)