Form Designer - changing font style and color does not seem to stick

  • Profile Image
    orna106
    Asked on April 28, 2016 at 04:11 PM

    I have found where to change the color and font but JotForm is not processing the change. Please assist me in informing technical support to get this issue resolved. 

  • Profile Image
    david
    Answered on April 28, 2016 at 04:49 PM

    Adding the following code to your form should change the font of everything currently in your form:

    http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    .form-label, .form-header-group, .ispan, .form-radio-item label, .form-checkbox-item label, .form-html p, .staticcontrol{
        color : white !important;
    }

    Adjust the color to your liking.  Here is how the form would look with the text white:

    https://form.jotform.com/61186179799980

  • Profile Image
    orna106
    Answered on April 28, 2016 at 05:07 PM

    all this did was ruin the rest of the set up-and now it will not undo. 

  • Profile Image
    orna106
    Answered on April 28, 2016 at 05:10 PM

    when I try to change the font style on both forms it stays the same on the form as well.

  • Profile Image
    Ben
    Answered on April 28, 2016 at 05:20 PM

    Since you say that the changes mentioned by my colleague did stick and make changes to your form, I believe that the original changes were being made over Form Designer. Please do let us know if that is true.

    Also, do let us know on what form you want to apply the settings and the font style and colors that you are after.

    Once you do we would be happy to assist with the same.

  • Profile Image
    orna106
    Answered on April 28, 2016 at 05:22 PM

    both we want comic sans please

  • Profile Image
    orna106
    Answered on April 28, 2016 at 05:26 PM

    birthday registration and birthday club

  • Profile Image
    Ben
    Answered on April 28, 2016 at 05:42 PM

    Thank you for the confirmation and for adding which 2 forms are the ones that you want to have changed.

    To change the language to Comic Sans, you should add the following CSS code to both:

     

    *, div.form-all, .form-all label, .form-all span, .form-al select, .form-all input.form-radio, .form-all input.form-textbox, .form-all input.form-checkbox, .form-all textarea.form-textarea, .form-all .form-submit-button {
        font-family: "Comic Sans MS";
    }

    Please do add it to both following these steps: Inject Custom CSS Codes

    I do want to mention that you should add it after all the other code in your form. That will make it more important and override any other settings made through CSS in regards to the font.

    Do of course let us know if you have any issues with the same and we would be happy to assist.

  • Profile Image
    orna106
    Answered on April 28, 2016 at 06:00 PM

    thank you, Ben