How do I change the color of a hint label in a text field

  • Profile Image
    Kers101
    Asked on June 18, 2015 at 12:06 PM
  • Profile Image
    Syed
    Answered 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
    Kers101
    Answered 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
    Syed
    Answered 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
    Kers101
    Answered on June 18, 2015 at 01:54 PM

    Maybe this is was you want for the screenshot

  • Profile Image
    Syed
    Answered 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
    Kers101
    Answered 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
    EltonCris
    Answered 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! :)