Why my form does not show the same font color in form builder than preview?

  • mojo2016
    Asked on May 24, 2017 at 3:24 PM

    Why does my form look different in the edit menu vs what is published. Colors are slightly different

    Jotform Thread 1153821 Screenshot
  • Kevin Support Team Lead
    Replied on May 24, 2017 at 5:00 PM

    I have reviewed your form and I can see the font layout is the same, for example, in the form builder you have set up the font color as well as size and font type: 

    Why my form does not show the same font color in form builder than preview?  Image 1 Screenshot 30

    If you inspect the source code of the form while previewing it, you will find that the style is the same: 

    Why my form does not show the same font color in form builder than preview?  Image 2 Screenshot 41

    I have cleared your forms cache now so the last version loads, could you please check on your end and make sure the color, size and font type are the same? 

    Do let us know if you still see a different style, we will wait for your response. 

  • mojo2016
    Replied on May 25, 2017 at 9:18 AM

    Can you see the actual form back ground? its a  beige and the bottom one is white

  • Kiran Support Team Lead
    Replied on May 25, 2017 at 11:24 AM

    Please try injecting the following CSS code to the form to change the background color to beige.

    .supernova .form-all, .form-all {

    background: rgb(230, 230, 207) !important;

    }

    Why my form does not show the same font color in form builder than preview?  Image 1 Screenshot 20

    Hope this information helps!