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

    Field style and font colour

    Asked by LBounce on August 06, 2016 at 08:24 AM

    Hello, 

    You can see as attached that the style, font and text colour is slightly off to the rest of the fields. 

    I can't figure out how to solve, can you help?

    Thanks, 

    Scott

    Screenshot
    style font colour and
  • Profile Image
    JotForm Support

    Answered by Chriistian on August 06, 2016 at 08:46 AM

    To change the font color of the initial text you see on the field, please try to inject this custom CSS code to the widget.

    input::-webkit-input-placeholder {

    color: #919191 !important;

    input:-moz-placeholder { /* Firefox 18- */

    color: #919191 !important;

    input::-moz-placeholder {  /* Firefox 19+ */

    color: #919191 !important; 

    input:-ms-input-placeholder {  

    color: #919191 !important;

    }

     

    To inject the custom CSS code, open the Widget Wizard then go to the Custom CSS tab. Add the custom CSS code then click Update Widget.

     

    Do let us know if you need further assistance.
    Regards.

  • Profile Image

    Answered by LBounce on August 06, 2016 at 09:18 AM

    Hello, 

    Thanks for your help but that moves the start of the text in too far so it is not in line with the other fields?

     

    Thanks, Scott

  • Profile Image
    JotForm Support

    Answered by Chriistian on August 06, 2016 at 09:38 AM

    Can you try to add the custom CSS code in the widget field and see if this will help?

    .selectize-input {

        padding-left: 3px !important;

        padding-right: 3px !important;

    }

     

    If the issue still persists, can you provide us a screenshot of the issue so we can further investigate the issue?

    If the issue happen on your embedded form, it seems that you have embedded your form to your site (http://www.logobounce.co.uk/free-logo/4592786704) using script method, can you try to re-embed your form using the iFrame embed code and see if this will fix the issue? To get the iFrame embed code of your form, you can check the instructions in this guide: Getting the form iFrame code.