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.

  • 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.