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

    Background color in Form Designer is not the same as when viewing the form - How to fix it?

    Asked by Charlesmarshall65 on March 27, 2015 at 01:25 PM

    I changed the background colour of my form in Designer, then saved it. When I return to Builder the revision hasn't kicked in. Also, on my Google sites site, it hasn't kicked in either. I've waited no 24 hours and cleared my cache but makes no difference. 

    Page URL:
    http://www.tidytrolleys.co.uk/book-a-trolley-fitting

    Screenshot
    form background different builder colour
  • Profile Image

    Answered by Ben on March 27, 2015 at 02:52 PM

    I see 2 issues with your jotform (1 beside the background color).

    Lets resolve them :)

    1st - the background

    Please inject this CSS code to your jotform:

    html.supernova, body {
        background-color: lightgray;
    }

    You can see how to do that here: Inject Custom CSS Codes

    *Add the code above at the bottom - under all the other CSS in it.

    The bold part above can be edited to some other color - I tell you this since I see that the background color on the screenshot is not the same as this one. If you are not sure how to do it, just let us know what color you would like to have and we would be happy to set it up for you.

    2nd - the embedding

    You have used js embed code which did not create a proper iframe for you, so the form is not fully functional.

    To resolve this I would recommend using the iframe embed method instead.

    Do let us know if you have any questions or issues with either of the two.

  • Profile Image

    Answered by Charlesmarshall65 on March 27, 2015 at 04:12 PM

    Perfect Ben. CSS code works just great. Many thanks. 

    The embed iframe option didn't work though as google sites threw out some of the code and there was just a blank space where the form should have been. Looks to me like it looks fine with the embed for google sites option below the iframe one.

     

    Charles

  • Profile Image
    JotForm Support

    Answered by Mike on March 27, 2015 at 05:13 PM

    On behalf of my colleague, you are welcome. Your form looks great now.

    Please feel free to contact us if you need any further assistance.