How can I change the font color underneath the fill-in boxes?

  • Profile Image
    Chrissy
    Asked on August 23, 2013 at 04:38 PM

    My customer wants the font underneath the fill-in boxes to be white and bigger (eg. where it asks for first name and last name, area code and phone number, etc). Right now when i make a form they are grayed out and they can't see them very well. I use iWeb and have already input the form in my widget. What do I need to add and where do I add it(I'm not experienced enough in coding so if you could explain it a little simpler that would be great). I deleted the words underneath the boxes on jotform before embedding the form to the site then used text boxes on iweb because my customer initially wanted the font darker, but now they say that on their windows computer the text boxes are not straight and they can't read the black font. If you could please help me out that'd be great! Thanks a bunch! I'll be anxiously awaiting your reply. 

  • Profile Image
    Tasha
    Answered on August 23, 2013 at 09:56 PM

    Hi,

    You can change the font colors and customize your form by injecting Custom CSS in your form. Please follow this guide for instruction on how to inject custom css. To fix the issue with the font please inject the css below on the form that is currently on the website that you sent us. 

    .paragraph_style_7 {

    color: white !important;

    font-size: 13px !important;

    width: 135px!important;

    }

    .paragraph_style_8 {

    color: white !important;

    font-size: 12px !important;

    width: 135px!important;

     

    }

    Please let us know if you have any further questions. 

    Thanks!