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

    Asked by rkord4 on March 10, 2011 at 01:26 PM

    I have tried to change my background color to match my website but it always defaults to grey. Does anyone know how to get the color to change. I am using a form style...

    www.pure-portraits.com

    Forms under Information / Senior / Wedding Investment

    Thanks

    Page URL:
    www.pure-portraits.com

  • Profile Image

    Answered by DanielGriffin on March 11, 2011 at 07:56 AM

    Hi there,

    I see that you have the background color correct but the form elements (inputs etc) have the grey background.  There are quite allot of them so if you want to change everything I'd recommend removing the theme altogether and injecting the following css into your form,

    .form-all {background-color:#428282;}
    .form-header {background-color:#428282;}

    That will set a background for the entire form, and the headers.  You might also wish to change the borders, etc.  Have a look in your list of forms.  I have cloned one of yours and made those changes.  but please let me know if that isn't what you're trying to achieve.

    While I was on your site I noticed that there is a problem with the form width.  The pane that opens for the form is blank on the right hand side.  That looks like the available width is too small.  Have a look in your flash code and you should be able to change that to a specific value.  If you want you can also explicitly set the width of the form by specifying it in the form-all class above, say for example to 600px.  So your full injected css would be:

    .form-all {

         background-color:#428282;

         width: 600px;

    }

    .form-header {background-color:#428282;}

    Thanks,

    Daniel

  • Profile Image

    Answered by DanKnowler on April 08, 2011 at 05:30 PM

    THANKS. Figured background out—but I still can\'t change the title\'s background color on the form. Can you help?

  • Profile Image

    Answered by allanftd on April 09, 2011 at 03:45 AM

    Hi Dan,

    A workaround that you can do remove the current Heading field and insert a Free Text (HTML) field at the topmost portion of your form to act as its new heading/title. Please follow the steps below:

    1) Go to your form's edit page and add a Free Text (HTML) field into the form builder.

    2) Click the  button

    3) Click the  icon

    4) Paste the following code in the html free text area:

    <div style="background-color:#FFFFFF"><h2>FORM TITLE</h2></div>

    Note: you can change #FFFFFF to any color of your choice.

    5) Save the changes.

    We hope you find this information useful. Thank you for using JotForm!

    JOTFORM SUPPORT