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.

Here at JotForm, we want to make sure that you’re getting the help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, than there could be more users who may be wondering that same thing. That is why many of our support 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

    Can I change the font color on a form?

    Asked by lewis947 on August 01, 2012 at 06:28 PM

     

    I have embeded the form by source code.  The font of my website is dark blue.  The form elements all show in a black font color.  Can I change this so it matches my website?

    I don't have it posted up live yet.

    source code change font color
  • Profile Image
    JotForm Support

    Answered by abajan on August 01, 2012 at 07:52 PM

    Yes, that can be done. After making the requisite change in the form builder, replace the current code in your page with the updated version. Alternatively, you could just add rules to the form's code that's currently in your webpage's source.

    Form Builder Method:

    1. Inject the following CSS, changing the colors to suit:

    .form-all {
    color: green !important;
    }

    .form-header {
    color: purple;
    }

    .form-sub-label {
    color: black;
    }

    .form-radio-item label {
    color: red;
    }

    (You can use color codes instead of color names. Take your pick!)

    2. Copy the updated source code of the form from the Embed Form Wizard and overwrite the current form code in your web page

    Webpage Method: Insert the same rules above directly into the form's embedded style sheet that's currently in your webpage, just before the closing style tag:


    If you need further assistance with this, we'd be happy to help.