Input Text Font Color

  • Profile Image
    vincelorusso
    Asked on April 27, 2015 at 03:36 PM

    Hi,

    I'm really loving your product so far. Great job in building it.

    I'm having an issue changing the input text color (i.e. as a subscriber is filling out my form, the text does not appear because the label box background is white and the text is white...white on white).

    I've looked all over the designer section and see no options. How can I change the input text font color?

    Thanks,

    Vince

  • Profile Image
    Syed
    Answered on April 27, 2015 at 03:49 PM

    Hi Vince;

              Thankyou for contacting us! Please try to inject the following CSS Code Block at the end, review the screenshots, I just imported your form for this particular thread.

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

    1) Click "Preferences" -> "Field Styles" -> "Inject Custom CSS".

    I hope this helps. Please let us know if you need further assistance on this, we would be happy to assist you further.

     

    Thankyou,

  • Profile Image
    vincelorusso
    Answered on April 27, 2015 at 04:02 PM

    Thanks for the prompt reply, but it did not seem to solve my issue. I injected the code as you suggest, saved, and previewed the form to test it and the font color remained white. 

    Any thoughts what went wrong?

  • Profile Image
    vincelorusso
    Answered on April 27, 2015 at 04:22 PM

    Update: I was able to identify the textboxes and dropdown easily in the CSS and change those to the right hex. those now work.

    However, the checkbox and number fields are still coming through as white. Anyway you can point me to those in the CSS section so I can update the hex?

    Thanks again.

  • Profile Image
    Syed
    Answered on April 27, 2015 at 05:12 PM

    Hi Vince, pardon me, sorry for the delay, I noticed something that you have pasted CSS Code in wrong place (code was pasted into some media query, please take a look at the screenshot). Can you paste the above CSS Code again at the end, to make sure, it is working on your side?

    Looking forward to hearing from you.

    Thankyou,

  • Profile Image
    vincelorusso
    Answered on April 27, 2015 at 06:05 PM

    Thanks, Syed! All is good now, except for one thing. The checkmarks for checkboxes are still white. How can I make those #666?

  • Profile Image
    Syed
    Answered on April 27, 2015 at 06:19 PM

    Hi Vince;

            Here is the complete CSS Code Block, please add this at the end of Inject CSS Field.

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

    .form-checkbox-item:not(#foo) label:after {background-color: #666; box-shadow: 0 3px 0 0 #666, 3px 3px 0 0 #666, 6px 3px 0 0 #666, 9px 3px 0 0 #666, 8px 6px 0 0 #d5eef3, 10px 1px 0 0 #D5EEF3;}

     

    Thanks!

  • Profile Image
    vincelorusso
    Answered on April 27, 2015 at 06:21 PM

    Beautiful! All good. Thanks again for the promptness and getting my issue resolved!

  • Profile Image
    Syed
    Answered on April 27, 2015 at 06:22 PM

    You're welcome, shout us anytime if you need have any queries, we would be happy to assist you!

     

    Thankyou,