How do I change the field background color and the background color outside the form?

  • Profile Image
    Asked on December 14, 2013 at 10:55 AM
  • Profile Image
    Answered on December 14, 2013 at 07:29 PM

    You can change the field's background color by injecting CSS code rules for that field. The form's backgroung color can be selected through the top toolbar of the Form Editor.

    Changing colors on a field:

    First you need to make sure which field you want to customize. You can use Chrome's or FireFox's Inspect Element feature to find out the fields name:

    Then we can add the proper CSS code to the Form Builder. In this case I will make the field grey. By adding the following code to the Form Builder:


    Like so:

    This is the end result. The field's background color becomes grey.

    To change the form's background color:

    On the top toolbar of the Form Editor. Go to Form Styles, Background. Then pick a color form the color graph and click OK.

    This is the example form used:


    If you need further assistance, do let us know. Thank you.


    Related Articles: