Background color...

  • Profile Image
    Asked 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...

    Forms under Information / Senior / Wedding Investment


  • Profile Image
    Answered 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 {


         width: 600px;


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



  • Profile Image
    Answered 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 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!